zoukankan      html  css  js  c++  java
  • 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)
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    python wxpython
    python tkinter的Label
    python tkinter开始
    cmd退出python
    数据库基本操作
    mysql中的key primary key 和unique key
    python 关于每个项目的解释器
    python3修改文件指定行和4种文件打开方式
    python3 变量格式化转换成字符串
    安装Gitlab到Ubuntu(APT)
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617787.html
Copyright © 2011-2022 走看看