zoukankan      html  css  js  c++  java
  • 定时器调用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script type="text/javascript">
            window.onload=function(){
    
    
                // 获取count
                var count=document.getElementById("count");
    
                // 使count中的内容,自动切换
                /* 
                    JS的程序的执行速度是非常非常快的
                    如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用
                */
               /*  for(var i=0; i<10000; i++){
                    count.innerHTML = i;
                    alert("hello");
                } */
    
    
                /* 
                    setInterval()
                     -定时调用
                     -可以将一个函数,每隔一段时间执行一次。
                     -参数:
                        1.回调函数,该函数会每隔一段时间被调用一次
                        2.每次调用间隔的事件,单位是毫秒
    
                     -返回值:
                        返回一个Number类型的数据
                        这个数字用来作为定时器的唯一标识
                */
               var num=1;
                var timer=setInterval(function(){
    
                    count.innerHTML=num++;
    
                    if(num==11){
                        // 关闭定时器
                        clearInterval(timer);//到10就停止定时
                    }
                },1000);
                // console.log(timer);
                
                // clearInterval()可以用来关闭一个定时器
                // 方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
                // clearInterval(timer);
    
            };
        </script>
    </head>
    <body>
        <h1 id="count"></h1>
    </body>
    </html>

    从num=1开始计时

    到num=10停止计时,条件if(num==11){关闭计时器}

     

  • 相关阅读:
    Java 并发性和多线程
    Java多线程整理
    线程死锁问题
    随机生成长度为len的密码,且包括大写、小写英文字母和数字
    ConcurrentHashMap原理分析
    并发 并行 同步 异步 多线程的区别
    Android与javaScript的交互
    Android6.0 新特性详解
    Android 6.0 新功能及主要 API 变更
    安装 Python-Client
  • 原文地址:https://www.cnblogs.com/hr-7/p/14200425.html
Copyright © 2011-2022 走看看