提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

jQuery方法日期 获取 功能 时间 显示 当前
2023-09-11 14:15:11 时间

    转自：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>



相关文章