js定时器

最新推荐文章于 2023-10-06 10:27:29 发布

this_is_art_of_code

最新推荐文章于 2023-10-06 10:27:29 发布

阅读量864

点赞数 1

分类专栏： javascript 文章标签： javascript 定时器 setTimeout setInterva

本文链接：https://blog.csdn.net/qq_28596151/article/details/75012211

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

javaScript为我们提供了两个定时器

setTimeout()和setInterval()。这两个都是客户端JavaScript的重要的全局函数，定义为Window对象的方法。但是这两个函数是不会对文档页面窗口做什么事情的。
setTimeout()是定义的计时器是在指定的毫秒数结束以后去调用指定的函数。只调用一次。
setInterval()定义的计时器是在每过一个指定的毫秒数就会调用一次指定的函数，是一种反复调用。所以该计时器对应的有一种关闭定时器的方法：clearInterval();

setTimeout()计时器和setInterval计时器的实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>setTimeout计时器</title>
    </head>
    <body>
        <h1>定时器简单调用</h1>
        <p>我是一个段落,<span id="time">3</span>秒过后我会变化内容</p>
    </body>
    <script type="text/javascript">
        /**
         * 定义一个setInterval()计时器,每隔一秒调用一次函数changeTime()
         */
        var interval = self.setInterval("changeTime()",1000);
        var time=2;
        function changeTime(){
            //setInterval()计时器的关闭
            if(time<=0){
                window.clearInterval(interval);
            }
            document.getElementById("time").innerHTML=time;
            time--;
        }
        /**
        *定义一个setTimeout()计时器，页面加载3秒过后调用changeInnerHtml()函数
        */
        setTimeout("changeInnerHtml()",3000);
        function changeInnerHtml(){
            document.getElementsByTagName("p")[0].innerText="我是另一个段落，代替前面的段落";
        }
    </script>
</html>

this_is_art_of_code

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js定时器

javaScript为我们提供了两个定时器setTimeout()和setInterval()。这两个都是客户端JavaScript的重要的全局函数，定义为Window对象的方法。但是这两个函数是不会对文档页面窗口做什么事情的。 setTimeout()是定义的计时器是在指定的毫秒数结束以后去调用指定的函数。只调用一次。 setInterval()定义的计时器是在每过一个指定的毫
复制链接

扫一扫