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>
  • 相关阅读:
    DataGrid
    取整、取小数点位数
    如何跨浏览器使用连续字符的换行
    如何给 legend 标签设定宽度
    25个简洁优美的网站设计
    重新发现HTML表格
    用户研究角度看设计(2):用户为何视若无睹
    lineheight 属性的继承问题
    jQuery技巧总结
    web2.0网站配色方案
  • 原文地址:https://www.cnblogs.com/MakeView660/p/7755876.html
Copyright © 2011-2022 走看看