zoukankan      html  css  js  c++  java
  • ☀【setTimeout / setInterval】

    最大延时上限

    关于setTimeout的最大延时上限
    http://www.cnblogs.com/meteoric_cry/archive/2011/04/01/2002240.html

    if (duration > 24*60*60*1000) {
        duration = 24*60*60*1000;
    }

    返回ID值的

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div id="box1">box1</div>
        <div id="box2">box2</div>
        <script>
            var timer;
            var i = 1;
            function auto() {
                timer = setInterval(function() {
                    console.log(i);
                    if (++i > 4) {
                        i = 1;
                    }
                }, 1000);
            }
            auto();
            console.log(timer); // 1 不是setInterval(function...
            document.getElementById('box1').onclick = function() {
                clearInterval(timer);
            }
            document.getElementById('box2').onclick = function() {
                auto();
            }
        </script>
    </body>
    </html>

    setTimeout延时0毫秒

    setTimeout延时0毫秒的作用
    http://www.cnblogs.com/xieex/archive/2008/07/11/1241137.html

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <input id="t1" type="text" onkeydown="document.getElementById('t1text').innerHTML=this.value;" />
        <span id="t1text"></span> 
        <input id="t2" type="text" onkeydown="var t2=this;setTimeout(function(){document.getElementById('t2text').innerHTML=t2.value},0);" />
        <span id="t2text"></span> 
    
        <input id="makeinput" type="button" value="生成input" />
        <span id="inpwrapper"></span>
        <input id="makeinput2" type="button" value="生成input" />
        <span id="inpwrapper2"></span>
    
        <script>
            // 1 3 2
            console.log(1);
            setTimeout(function() {console.log(2)}, 0);
            console.log(3);
    
            function get(id) {
                return document.getElementById(id);
            }
            get('makeinput').onmousedown = function() {
                var input = document.createElement('input');
                input.setAttribute('type', 'text');
                input.setAttribute('value', 'test1');
                get('inpwrapper').appendChild(input);
                input.focus();
                input.select();
            };
            get('makeinput2').onmousedown = function() {
                var input = document.createElement('input');
                input.setAttribute('type', 'text');
                input.setAttribute('value', 'test1');
                get('inpwrapper2').appendChild(input);
                setTimeout(function(){
                    input.focus();
                    input.select();
                }, 0);
            };
        </script>
    </body>
    </html>
  • 相关阅读:
    Linux数据库还原备份
    loadrunner遇到的问题
    Maven基础入门与核心知识
    数据去中心化的场景与流程
    设计模式:灵活编程(观察者模式)
    使用Mycat构建MySQL读写分离、主从复制、主从高可用
    设计模式:灵活编程(装饰模式)
    设计模式:灵活编程(组合模式)
    Laravel5:重定向 redirect 函数的详细使用
    设计模式:对象生成(单例、工厂、抽象工厂)
  • 原文地址:https://www.cnblogs.com/jzm17173/p/3125901.html
Copyright © 2011-2022 走看看