zoukankan      html  css  js  c++  java
  • Javascript间歇调用和超时调用

      间歇调用:每隔指定的时间就执行一次代码
      超时调用:在指定的时间过后执行代码

     HTML Code 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    <!DOCTYPE html>
    <html>
        
    <head>
            
    <title>Javascript setTimeout</title>
            
    <script type="text/javascript">
                
    //不建议传递字符串
                
    //setTimeout("alert('Hello World')", 1000);
                
    //推荐的调用方式
                var timeoutId = setTimeout(function(){
                    alert(
    "Hello World!");
                }, 2000);
                
    //注意:把它取消
                clearTimeout(timeoutId);
            
    </script>
        
    </head>
        
    <body>
            
        
    </body>
    </html>
     HTML Code 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
    <!DOCTYPE html>
    <html>
        
    <head>
            
    <title>Javascript setInterval</title>
            
    <script type="text/javascript">
                
    //不建议传递字符串
                
    //setInterval("alert('Hello World')", 1000);
                
    //推荐的调用方式
                var num = 0;
                var max = 10;
                var IntervalId = null;
                function increaseNumber(){
                    ++num;
                    document.body.innerHTML = 
    "";
                    document.write(num);
                    if (num 
    > max) {
                        clearInterval(IntervalId);
                        alert(
    'Done!');
                    }
                }
                IntervalId = setInterval(increaseNumber, 1000);
            
    </script>
        
    </head>
        
    <body>
            
        
    </body>
    </html>
  • 相关阅读:
    JavaScript入门知识点整理
    正则表达式
    bootstrap css编码规范
    JavaScript高级编程(学习笔记)
    【 D3.js 选择集与数据详解 — 2 】 使用data()绑定数据
    bootstrap table:JQuery中each方法绑定blur事件监听input输入是否合法,进入死循环
    bootstrap-table中导出excel插件bootstrap-table-export使用
    托业考后感
    《Pride and Prejudice》英文版读后记忆
    迷茫的当下,我在做什么
  • 原文地址:https://www.cnblogs.com/MakeView660/p/7755876.html
Copyright © 2011-2022 走看看