首页 > Web开发 > 详细

jQuery动态时钟

时间:2019-10-27 13:21:45      阅读:84      评论:0      收藏:0      [点我收藏+]

效果图:技术分享图片

代码:

 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动态时钟

原文:https://www.cnblogs.com/ChenChaim/p/11747200.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!