美文网首页
js 定时调用

js 定时调用

作者: Rebirth_914 | 来源:发表于2019-10-01 23:28 被阅读0次

如果希望一段程序可以每间隔一段时间执行一次,可以使用定时调用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function(){
                var count =document.getElementById("count");
                
                var num = 1;
                var timer = setInterval(function(){
                    count.innerHTML = num++;
                    if(num == 11){
                        /*
                         *  clearInterval(); 可以用来关闭一个定时器
                         *   方法中需要一个定时器的标识作为参数,这样讲关闭标识对应的定时器
                         */
                        clearInterval(timer);
                    }
                },1000);
            }
        </script>
    </head>
    <body>
        <h1 id="count"></h1>
    </body>
</html>

setInterval() 方法 定时调用,可以将一个函数每隔一段时间执行一次

  • 参数
    1.回调函数 函数每隔一段时间调用一次
    2.每次调用间隔的时间 单位毫秒
  • 返回值
    返回一个Number类型的数据,这个数字用来作为定时器的唯一标识
  • 程序运行如图


    image.png image.png
  • 程序每隔1秒会跳一个数字,直到10关闭定时器,停止运行

相关文章

  • js 定时调用

    如果希望一段程序可以每间隔一段时间执行一次,可以使用定时调用 setInterval() 方法 定时调用,可以将...

  • WEB 六

    JS定时器 js 定时器有以下两个方法: setInterval():按照指定的周期(以毫秒计)来调用函数或计算表...

  • JS案例17-JS定时器

    JS定时器有两种方法。 setInterval() :循环调用函数或计算表达式。方法会不停地调用函数,直到 cle...

  • JS与OC交互

    JS调用OCOC调用JS JS与OC 相互调用 //网页加载完成调用此方法

  • js 和 css动画

    js和css动画 使用setTimeout()或者setInterval()使用这两个函数定时调用一段代码。这是其...

  • iOS js oc相互调用(JavaScriptCore)

    我们讲到的iOS调用js下来我们使用js调用iOSjs调用iOS分两种情况 一,js里面直接调用方法 二,js里面...

  • OC和JS的交互那点事

    1、OC调用JS代码 在代理方法webViewDidFinishLoad:方法中调用JS代码 2、JS调用OC代码...

  • js中的定时机制与函数节流

    js中常用setTimeout()和setInterval()创建定时器,实现延迟或定时执行。 定时机制 js是运...

  • WebViewJavascriptBridge 调用过程(三)

    OC调用JS过程 与JS端调用OC基本思想一致以WKWebView为例1、JS端注册 2、OC端调用 3、调用JS...

  • WebView与js的交互

    Android与js相互调用的桥梁是WebView 1:Android通过WebView调用js 调用js代码实用...

网友评论

      本文标题:js 定时调用

      本文链接:https://www.haomeiwen.com/subject/msdlpctx.html