首页 > 开发 > JS > 正文

JavaScript中setInterval函数的使用方法

2024-09-06 12:40:43
字体:
来源:转载
供稿:网友

在编写客户端脚本时,我们经常用到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 的动态时间-武林网CUOXIN(www.vevb.com)</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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表