jQuery动态时钟

本文转载自查看原文 2019-10-27 12:49 290

效果图：

引用的jQuery.js自己百度

代码：

 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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 CSS3和jQuery动态时钟制作过程 jquery图片时钟 js动态数字时钟用OpenGL实现动态的立体时钟 js实现动态数字时钟时间管理——高精度时钟、动态时钟——实现(二) jquery版时钟（css3实现） CSS3+jQuery实现时钟插件 js html5 css3动态时钟中文汉字时钟电脑动态壁纸