**JAVASCRIPT** 浏览器对象_es获取浏览器对象-优快云博客

本文链接：https://blog.youkuaiyun.com/Estom_yin/article/details/51890683

本文深入探讨JavaScript中的定时器概念，包括一次性计时器和间隔性触发计时器，并通过具体实例讲解了setTimeout与setInterval函数的使用方法及其区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

>浏览器对象

>>以浏览器为对象，调用浏览器对象的属性和方法。如：window.setinterval(clock, 100) and widow.navigator，可以省略window。

>>函数的参数是另外一个函数时，只写另外一个函数的名字（待定）。

>计时器

>>分类：

一次性计时器：尽在指定的延迟时间后触发一次行为

间隔性触发计时器：每隔一定时间触发一次

>>常用函数：

setTimeout(代码行为，延时时间)：制定的毫秒数后调用函数或计算表达式

clearTinmeout(时间设定函数的ID)：取消有setTimeout()设置的timeout

setIntervel(代码，交互时间)：按照指定的周期来调用函数或计算表达式

代码：要调用的函数或执行的代码串（行为）；交互时间：周期性执行行为的时间；返回值为函始时钟的id值。

clearInterval(时间设定函数的ID)：取消由setIntervel()设置的timeout

<span style="font-size:18px;"><body>
    <input type="text" id="clock" size="50">
    <script type="text/javascript">
        function clock(){
            var time = new Date();
            var attime = time.getHours() + ':' + time.getMinutes() + ':' + time.getSeconds();
            document.getElementById("clock").value = attime;
            
        }
        setInterval(clock, 100);
    </script>
</body></span>

//实现了简单的时间及时输出

<span style="font-size:18px;"><body>
    <input type="text" id="clock">
    <input type="button" id="istart" value="Start">
    <input type="button" id="istop" value="Stop">
    <script type="text/javascript">
        var setid;
        var time;
        var attime;
        function clock(){
            time = new Date();
            attime = time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            document.getElementById("clock").value = attime;
        }
        var istart = document.getElementById("istart");
        istart.onclick = function(){
            setid = setInterval(clock, 100);
        }
        var istop = document.getElementById("istop");
        istop.onclick = function(){
            clearInterval(setid);
        }
    </script>
</body></span>

根据setIntervel返回的id值取消时钟的设置。

<span style="font-size:18px;"><body>
    <input type="text" id="inum">
    <input type="button" id="ialt" value="Start">
    <script type="text/javascript">
        var inum = document.getElementById("inum");
        var ialt = document.getElementById("ialt");
        ialt.onclick = function () {
            setTimeout("inum.value = 1", 1000);
            setTimeout("inum.value = 2", 2000);
            setTimeout("inum.value = 3", 3000);
            setTimeout("inum.value = 4", 4000);
            setTimeout("alert('666')", 5000);
        }
    </script>
</body></span>

//实现了settimeout的函数的调用，注意，器低一个参数值可以是函数，也可以是普通行为，上述代码即为普通行为，需要加引号，而函数只需要写函数名，没有参数的话可以不加括号。

<span style="font-size:18px;"><body>
<input type="text" id="count">
<input type="button" id="istart" value="Start">
<input type="button" id="istop" value="Stop">
<script type="text/javascript">
    var seti;
    var num = 0;
    function startCount(){
        document.getElementById('count').value = num;
        num = num + 1;
        seti = setTimeout("startCount()", 1000);
        
    }
    var istart = document.getElementById("istart");
    istart.onclick = function (){
        startCount();
    }
    var istop = document.getElementById("istop");
    istop.onclick = function(){
        clearTimeout(seti);
    }
</script>
</body></span>