如何在javascript中使用定时器

tangjin

作者

如何在javascript中使用定时器？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

具体如下：

如何在javascript中使用定时器

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>定时器的应用</title>
<style>
#Div1{width:100px;height:100px;position:absolute;background-color:red;top:50px;}
</style>
</head>
<body>
<inputid="oBtn1"type="button"value="铵钮">
<divid="Div1"></div>
<script>
varoBtn=document.getElementById("oBtn1");
varoDiv=document.getElementById("Div1");
//vartimer=null;
//oDiv.timer=null;
oBtn.onclick=function(){
clearInterval(oDiv.timer)
oDiv.timer=setInterval(function(){
varspeed=parseInt(getStyle(oDiv,"left"))+9;
if(speed>800){
speed=800;
}
oDiv.style.left=speed+"px"
if(speed==800){
clearInterval(oDiv.timer);
//alert(speed)
}
},50)
}
functiongetStyle(obj,attr){
returnobj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]
}
</script>
</body>
</html>

关于如何在javascript中使用定时器问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注恰卡编程网行业资讯频道了解更多相关知识。

阅读全文

发布于 2021-04-15 01:55:44

javascript