现在的位置: 首页 > 综合 > 正文

javascript简单获取当前日期和时间

2013年09月05日 ⁄ 综合 ⁄ 共 1499字 ⁄ 字号 评论关闭

javascript简单获取当前日期和时间(www.dayday28.com)

有时候可能会有这样的需求,方便用户看时间看日期。以前也不动手写都是偷,今天无聊就自己也写了个,挺简单的。下面是效果图,时间会每秒计算一次。Demo下载地址

下面是Html code:

<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="UTF-8">
    <title>当期时间</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <style type="text/css">
        .date{height:100px;line-height:100px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:40px;
        border:solid 1px #ccc;box-shadow:0 0 3px rgba(0,0,0,0.3) inset;border-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
        .date strong{padding:0 10px;display:inline-block;height:100px;border-right:solid 1px #ccc;}
    </style>
</head>
<body>
    <h1>js简单的获取当前日期和时间</h1>
    <p class="date">
        <strong id="Y"></strong>
        <strong id="MH"></strong>
        <strong id="TD"></strong>
        <strong id="D"></strong>
        <strong id="H"></strong>
        <strong id="M"></strong>
        <strong id="S"></strong>
     </p>   
    <script type="text/javascript">
                $(document).ready(function(){
                    setInterval(showTime, 1000);                    
                    function timer(obj,txt){
                            obj.text(txt);
                    }   
                    function showTime(){                
                        var today = new Date();
                        var weekday=new Array(7)
                        weekday[0]="星期一"
                        weekday[1]="星期二"
                        weekday[2]="星期三"
                        weekday[3]="星期四"
                        weekday[4]="星期五"
                        weekday[5]="星期六"
                        weekday[6]="星期日"                    
                        var y=today.getFullYear()+"年";
                        var month=today.getMonth()+"月";
                        var td=today.getDate()+"日";
                        var d=weekday[today.getDay()];
                        var h=today.getHours();
                        var m=today.getMinutes();
                        var s=today.getSeconds();   
                        timer($("#Y"),y);
                        timer($("#MH"),month);  
                        timer($("#TD"),td); 
                        timer($("#D"),d);
                        timer($("#H"),h);
                        timer($("#M"),m);
                        timer($("#S"),s);
                    }   
                })
    </script>
     
</body>
</html>

抱歉!评论已关闭.