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動態時鍾中文漢字時鍾電腦動態壁紙