setTimeout() 和 setInterval 定时器的使用(带例题)

 定时器:setTimeout() 和 setInterval(两个函数)

setTimeout():在指定的毫秒数后调用函数或计算表达式

setTimeout (func, timeout);

setTimeout()方法支持传入两个参数,分别是回调函数和超时时间,超时时间单位为 ms (毫秒)。调用 setTimeout()方法之后,待过了超时时间,将会执行一次回调函数。

调用 setTimeout()方法之后会返回一个数值 ID,浏览器提供了一个 clearTimeout(数值 ID)函数来清除这个定时器。在 setTimeout()的超时时间还未到时使用 clearTimeout(),不会再执行 setTimeout()的回调函数

与 setTimeout()不同的是,使用 setInterval()创建的定时器每间隔一定时间,就会执 行一次对应代码,可以将 setInterval()理解为 setTimeout()的无限循环版本

setlnterva()方法也支持传入两个参数,分别是回调函数和超时时间,超时时间单位 为 ms(毫秒)。在调用 setInterval()方法之后,每间隔段时间,就会执行一次回调函数

和 setTimeout()类似,调用 setInterval()之后会返回数值 ID,BOM 提供了 clearInterval(数值 ID)函数清除这个定时器。当满足一定条件后调用 clearInterval()函数, 可清除 setInterval()中回调函数的

在浏览器上显示系统时间,每秒中更新一次,时间的格式为:xxxx 年 xx 月 xx 日hh:mm:ss

       

        <p id = "bb" > </p>

         function one (){

            var date = new Date();

            var nian = date.getFullYear();

            var yue =date.getMonth()+1;//因为月是从0开始所以+1

            var ri =date.getDate();

            var shi =date.getHours();

            var fen =date.getMinutes();

            var miao =date.getSeconds();

            var aa = nian+"年"+yue+"月"+ri+"日"+shi+":"+fen+":"+miao;

           document.getElementById("ding").innerHTML = ding;

}

var ding = setInterval("one()",1000);//开启定时器

 模拟网页病毒,在打开 index.html 后,每 1 秒中打开一个 virus.html

创建 index.html 文件,编辑 JavaScript 代码,使用定时函数,每秒钟打开一个virus.html 页面窗口,窗口宽 250、高度 265

                 <img src="img/du2.webp">

                 <img src="img/du.png">//插入图片即可

 var count = 0;

 var show = setInterval(

            function(){

                count++;

                if(count>100){

                  clearInterval(show);//如果打开100个页面定时器自动关闭

                }

                    var left = parseInt( Math.random()*1000+1);//创建随机数 每次出现一个数 页面就出现在不同的位置

                    var top = parseInt( Math.random()*1000+1);

                    open("virus.html","_blank","width =250px, height=265px, left="+left+",top="+top);

                open(URL,target,features,replace);

                open(要打开的页面的网址,网页加载的形式,页面的基本属性,是否取代新页面):

                

            },1000

        )

猜你喜欢

转载自blog.csdn.net/qq_45310795/article/details/126557630
今日推荐