JS-53 定时器之setlnterval（）

setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行

var time=setInerval(function(){

　　console.log(2);

},1000)

通过setInterval方法实现网页动画

<!DOCTUPE html>

<html lang = "en" >

<head>

　　<meta charset="UTF-8">

　　<meta name="Viewport" content="width=device-width,initial-scale=1.0">

　　<title>Document</title>

　　<style>

　　　　#someDiv{

　　　　　　width:100px;

　　　　　　height:100px;

　　　　　　background:red;

　　　　　　}

　　　　</style>

</head>

<body>

　　<div id = "someDiv"></div>

　　<script>

　　　　var div = dociment.getElementById('someDiv');

　　　　var opacity =1;

　　　　var fader = setInterval(function(){

　　　　　　opacity-=0.05;

　　　　　　if(opacity>0){

　　　　　　　　div.style.opacity=opacity;

　　　　　　}else{

　　　　　　clearInterval(fader);

　　　　　　}

　　　　　},30);

　　　</script>

</body>

</html>

定时器可以进行取消

var id=setInterval(f,1000);

clearInterval(id);

 

posted @ 2025-02-06 17:22  张筱菓  阅读(21)  评论(0)    收藏  举报