2016-04-06 JavaScript-钟表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2016-04-06 JavaScript-钟表相关的知识,希望对你有一定的参考价值。

简介:通过JavaScript实现的钟表

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>2016-04-06 javascript-钟表</title>
  <script>
  function clock(){
   var today=new Date();
   var h=today.getHours();
   var m=today.getMinutes();
   var s=today.getSeconds();
   m=check(m);
   s=check(s);
   document.getElementById(‘txt‘).innerHTML=h+":"+m+":"+s;
   t=setTimeout("clock()",500);  //关键点
   function check(d){
    if(d<10){
        d="0"+d;
     return d;
    }else{
       return d;
    }
   }
  }
  </script>
 </head>
 <body onload="clock()">
  <div id="txt"></div>
 </body>
</html>

以上是关于2016-04-06 JavaScript-钟表的主要内容,如果未能解决你的问题,请参考以下文章

2016-04-06 JavaScript--with()的用法

css+JavaScript+html实现时钟钟表时间

制作钟表效果

利用css+原生js制作简易钟表

在网页上显示一个钟表

华为OD机试真题 C++ 实现钟表重合时刻2023 Q1 | 200分