当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

JavaScript中setInterval函数的使用方法

减小字体 增大字体 作者:佚名  来源:翔宇亭IT乐园  发布时间:2019-1-3 0:36:21

:2012-02-02 23:52:49

在编写客户端脚本时,我们经常用到setInterval()函数,这个函数的原型如下:

setInterval(code,millisec)

其中,code是要调用的函数或执行的代码串;mellisec为周期性执行或调用code代码之间的时间间隔,单位为毫秒,这两个参数都是必需给出的。

该函数的返回值为setInterval函数的ID标识,每次调用setInterval函数都会产生一个唯一的ID,可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数。

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

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

下面举一个例子来说明setInterval()的使用方法,这个例子主要是在客户端显示当前的时间:

<html>
<head>
  <title>Javascript 的动态时间-翔宇亭IT乐园(www.k88.net)</title>
</head>
<body>
<script type="text/javascript">
  function showTime(){
      var dt= new Date () ;
      var curDate= dt.getFullYear()+"年"+dt.getMonth()+"月"+dt.getDate()+"日" ;
      var curTime = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
      var curDateTime = curDate+" " + curTime;
      document.getElementById('curDateTime').innerHTML = curDateTime;
    }
    setInterval(showTime,1000);
</script>
<h1>Javascript动态显示日期和时间</h1>
<p>你观察一下面的日期和时间是否在不断地变化,而且与你的系统时间是一致的。</p>
<p id = "curDateTime"></p>
</body>
</html>

查看演示效果

本文为翔宇亭IT乐园(http://www.k88.net)原创,如需转载,请给出本文直接连接。


JavaScript中setInterval函数的使用方法