动态时钟

来源:互联网 发布:程序员成长电影 编辑:程序博客网 时间:2024/05/11 15:35

样式代码如下:

<!DOCTYPE html><html>  <head>    <title>动态时钟</title>    <meta charset="utf-8"/>    <script type="text/javascript">      var id;      function start(){    id = setInterval(function(){      var date = new Date();      var time = date.toLocaleTimeString();      var span = document.getElementById("span");      span.innerHTML = time;    }, 1000);      }      //清除定时器      function stop(){    clearInterval(id);      }    </script>  </head>  <body>    <p>             当前时间: <span id="span"></span>    </p>    <p>      <button onclick="start()">启动</button>      <button onclick="stop()">停止</button>    </p>  </body></html


0 0