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>
  • 相关阅读:
    Lua编程入门学习笔记1
    面向对象S.O.L.I.D原则
    asp.net Mvc学习之URL路由
    Spring 3.x MVC 入门2 通过示例初步感受spring mvc
    Spring 3.x MVC 入门1 图解MVC整体流程
    JSP自定义标签开发入门
    编译安装php5.3.8(含phpfpm)
    CentOS 安装eaccelerator PHP加速
    Nginx + fastcgi 处理php
    sql server charindex函数和patindex函数详解(转)
  • 原文地址:https://www.cnblogs.com/MakeView660/p/7755876.html
Copyright © 2011-2022 走看看