html+js实现动态显示本地时间

复制代码 代码如下:

  <span style="font-size:18px"><html>

  <span style="white-space:pre"> </span><body>

  <span style="white-space:pre"> </span> <script language = javascript>

  <span style="white-space:pre"> </span> setInterval("test()",1000);

  function test ()

  {

  <span style="white-space:pre"> </span>var a= new Date();

  <span style="white-space:pre"> </span>document.getElementById("time").innerHTML= a;

  }

  <span style="white-space:pre"> </span> </script>

  <span style="white-space:pre"> </span> <h1 id = "time">

  <span style="white-space:pre"> </span> </h1>

  </body>

  </html>

  </span>

  不知道setInterval 是什么意思,所以百度了下。

  发现是这个意思:

  setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

  setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

  w3school 提供的方法为:

  

复制代码 代码如下:

  setInterval(code,millisec[,"lang"])

  code是要调用的函数,millisec为周期,以毫秒来计算时间

  

复制代码 代码如下:

  <html>

  <body>

  <input type="text" id="clock" size="35" />

  <script language=javascript>

  var int=self.setInterval("clock()",50)

  function clock()

  {

  var t=new Date()

  document.getElementById("clock").value=t

  }

  </script>

  </form>

  <button onclick="int=window.clearInterval(int)">

  Stop interval</button>

  </body>

  </html>