首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-09-03 
javascript简单获取当前日期和时间javascript简单获取当前日期和时间(www.dayday28.com)有时候可能会有这

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

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

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

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

下面是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>

热点排行
Bad Request.