jQuery实时显示日期、时间

jQuery实时显示日期、时间

html:

<span id="time"></span>

 js:

    <script src="Js/jquery.min.js"></script>        <%--引用jQuery--%>
    <script type="text/javascript">
        $(document).ready(function () {
            function showTime() {
                var today = new Date;
                var y = today.getFullYear();
                var M = today.getMonth() + 1;
                var d = today.getDate();
                var w = today.getDay();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                $("#time").html(y + '年' + M + '月' + d + '日  ' + '&nbsp; &nbsp; &nbsp;' + h + ':' + m + ':' + s + '&nbsp; &nbsp; &nbsp;' + week[w]);
            }
            showTime();                     //先调用下,否则还需一秒后才呈现
            setInterval(showTime, 1000);    //每1秒(1000毫秒)后调用 showTime()
        })
    </script>

 

在指定时间后调用函数
setInterval(函数,毫秒)   重复执行
setTimeout(函数,毫秒)    执行一次

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注