javascript实现间隔和延时的方法是什么

在javascript中，可以利用定时器setInterval()方法来实现间隔和延时效果，该方法用于按照指定的周期（以毫秒计）来循环调用函数或计算表达式，语法格式“setInterval('需要调用的代码串或函数',毫秒数)”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中，可以利用定时器setInterval()方法来实现间隔和延时效果。

实例：延迟3 秒（3000 毫秒）后弹出 "Hello"

!DOCTYPE htML>
    html>
    head>
    meta charset="utf-8">
    /head>
    body>
    p>
    点击按钮，3 秒后会弹出 "Hello"。/p>
    button onclick="myFunction()">
    点我/button>
    script>
function myFunction() {
    setTimeout(function(){
     alert("Hello");
 }
    , 3000);
}
    /script>
    /body>
    /html>
    

说明：

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

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

语法

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

返回值：一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

示例：

!DOCTYPE html>
    html>
    body>
    div id="clock">
    /div>
    script language=javascript>
VAR int=self.setInterval("clock()",50)function clock()  {
  var t=new Date()  document.getElementById("clock").innerHTML=t  }
    /script>
    /form>
    /body>
    /html>
    

效果图：

【相关推荐：javascript学习教程】

以上就是javascript实现间隔和延时的方法是什么的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！