jQuery动态时钟

Posted chenchaim

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery动态时钟相关的知识,希望对你有一定的参考价值。

效果图:技术图片

代码:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <script src="js/jQuery.js"></script>
 7     </head>
 8     <body>
 9         <p id="show"></p>
10         <script>
11             function setTime() {
12                     var date = new Date();
13                     var HH = date.getHours(),
14                         MM = date.getMinutes(),
15                         SS = date.getSeconds(),
16                         date = date.getDate();
17                         if(SS<10){
18                             SS = "0"+SS
19                         }
20                     $("#show").text(HH+":"+MM+":"+SS);
21                 }
22                 //设置时间间隔
23                 setInterval(setTime, 1000);
24         </script>
25     </body>
26 </html>

 

以上是关于jQuery动态时钟的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jquery 从 asp.net 视图模型中动态删除行而不删除集合中的其余下一个对象

如何用jQuery和CSS3制作数字时钟

动态时钟代码运行没多久电脑就很卡,请帮我看看代码有啥问题,谢谢

世界上最短的时钟代码!更短的,有木有?

[12小时Javascript Clock显示24时间,错误的AM / PM

jQuery应用 代码片段