使用jQuery方法获取当前日期和时间!（时钟显示功能）

最新推荐文章于 2023-01-31 23:36:05 发布

敦厚的曹操

最新推荐文章于 2023-01-31 23:36:05 发布

阅读量6.5k

点赞数 1

分类专栏： 6.【jquery】 3.【javascript】

6.【jquery】同时被 2 个专栏收录

96 篇文章 0 订阅

订阅专栏

3.【javascript】

88 篇文章 1 订阅

订阅专栏

转自：http://www.codefans.net/jscss/code/3683.shtml

js获取当前日期时间，使用jQuery方法获取当前的日期和时间，包括星期几，以前就只顾着用jQuery写焦点图、浮动层了，竟忘记了jQuery还有如此方便的日期时间获取功能，赶紧随便写了一个，发上来与大家共勉哦。

<!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>

敦厚的曹操

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery方法获取当前日期和时间!（时钟显示功能）

转自：http://www.codefans.net/jscss/code/3683.shtml js获取当前日期时间，使用jQuery方法获取当前的日期和时间，包括星期几，以前就只顾着用jQuery写焦点图、浮动层了，竟忘记了jQuery还有如此方便的日期时间获取功能，赶紧随便写了一个，发上来与大家共勉哦。当期时间
复制链接

扫一扫