JavaScript显示当前时间

左手的ㄟ右手 2023-01-17 10:57 302阅读 0赞

JS显示当前时间控制器

javascript显示当前电脑时间:xxx年xxx月xxx日xxx时xxx分xxx秒,并用input标签中的button样式控制时间的暂停开始。
当你运行JavaScript代买时,网页显示的是时间时在每秒跳动的,当你点击暂停按钮时,网页显示的当前时间会暂停,按钮会显示开始的字样,再次点击开始的按钮,网页显示当前的时间会开始。
代码片段如下:

  1. <!DOCTYPE html >
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>时间控制器</title>
  6. <style>
  7. #b{
  8. width:300px;
  9. height:200px;
  10. text-align:center;
  11. font-size:24px;
  12. border:2px solid red;
  13. }
  14. </style>
  15. <script>
  16. var start = window.setInterval("a()",1000);
  17. function a(){
  18. var c = new Date();
  19. var y =c.getFullYear();
  20. var m =c.getMonth()+1;
  21. var d = c.getDate();
  22. var h = c.getHours();
  23. var min = c.getMinutes();
  24. var sec = c.getSeconds();
  25. document.getElementById('b').innerHTML=y+"-"+m+"-"+d+"&nbsp&nbsp&nbsp"+h+":"+min+":"+sec;
  26. }
  27. function sh(){
  28. var sj = document.getElementById('bt').value;
  29. if (sj=="暂停") {
  30. window.clearInterval(start);
  31. document.getElementById('bt').value="开始";
  32. }else{
  33. start = window.setInterval("a()",1000);
  34. document.getElementById('bt').value="暂停";
  35. }
  36. }
  37. </script>
  38. </head>
  39. <body>
  40. <div id="b">
  41. </div>
  42. <div>
  43. <input type="button" name="button" id="bt" value="暂停" onclick="sh()">
  44. </div>
  45. </body>
  46. </html>

发表评论

表情:
评论列表 (有 0 条评论,302人围观)

还没有评论,来说两句吧...

相关阅读