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 数字时钟
    ubuntu下键盘背景灯光设置
    使用百度地图SDK
    ListView 的Item状态改变和保存
    继续Jsoup 正方教务系统的教学质量评价一键好评
    Java下的可视化开发工具使用 WindowBuilder Pro
    js 数组排序
    js数组去重
    js call() apply()
    [总结] js的2种继承方式详解
  • 原文地址:https://www.cnblogs.com/MakeView660/p/7755876.html
Copyright © 2011-2022 走看看