• JavaScript 计时事件-定时器setInterval() 延时器setTimeout()


    JavaScript 计时事件

    通过js,我们可以设置每隔一段时间,执行一次函数,或者延迟一段时间,执行函数

    定时器

    • setInterval()
      • 功能:每隔参数2的时间,执行一次参数1的函数;
      • 参数:参数1:函数 参数2:毫秒数
      • 返回值:返回一个数值,用来清除当前计时器
      • 语法
          setInterval(function(){
                函数体
                 },间隔毫秒数据);
    
    • clearInterval()
      • 功能:用于停止 setInterval() 方法执行的函数代码。
      • 参数:setInterval()的返回值
    • 运用计时器,在页面上显示时钟:

    <body>
    <p>页面上显示时钟:</p>
    <p id="demo"></p>
    <button onclick="myStopFunction()">停止</button>
    <script>
    var myVar=setInterval(function(){myTimer()},1000);
    function myTimer(){
    	var d=new Date();
    	var t=d.toLocaleTimeString();
    	document.getElementById("demo").innerHTML=t;
    }
    function myStopFunction(){
    	clearInterval(myVar);
    }
    </script>
    

    延时器

    • setTimeout()
      • 功能:延迟参数2的时间,执行一次参数1的函数;
      • 参数:参数1:函数 参数2:毫秒数
      • 返回值:返回一个数值,用来清除当前计时器
      • 语法
          setTimeout(function(){
                函数体
                 },间隔毫秒数据);
    
    • clearTimeout()
      • 功能:用于停止 setTimeout(() 方法执行的函数代码。
      • 参数:setTimeout(()的返回值
    //页面延迟一秒,弹出hello world
       var t=setTimeout(function(){
                    alert("hello world")
                },1000)
    //停止延时器            
                clearTimeout(t)
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    EcFinal游记
    简要介绍补码的原理
    【SCOI2007】降雨量
    【ecfinal2019热身赛】B题
    【HAOI2011】problem a
    20200301(ABC)题解 by李旭晨
    20200228(ABC)题解 by 马鸿儒
    20200220(C)题解 b刘存
    20200225(DEF)题解 by 马鸿儒
    20200224(ABC)题解 by 马鸿儒
  • 原文地址:https://www.cnblogs.com/cupid10/p/12856532.html
Copyright © 2020-2023  润新知