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 视图模型中动态删除行而不删除集合中的其余下一个对象
动态时钟代码运行没多久电脑就很卡,请帮我看看代码有啥问题,谢谢