js定时器的应用
Posted 老虎死了还有狼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js定时器的应用相关的知识，希望对你有一定的参考价值。
定时器分为两种
一种是一次性的，时间到就执行
var timer=setTimeout(fun,毫秒数);
清除的方法
clearTimeout(timer)
第二种是周期性的，根据设定的时间周期进行
var timer=setInterval(fun,毫秒数);
清除的方法
clearInterval(timer)
下面写一个简单的关于定时器的小案例
<body>
<h1>距离吃饭时间</h1>
<span id="time"></span>
<script type="text/javascript">
var oSpan=document.getElementById(‘time‘);
function task(){
var now=new Date();
var fangxue=new Date(‘当天的日期 17:30:00‘);
var s=parseInt((fangxue-now)/1000);//总共的秒数
if(s){
var days=parseInt(s/3600/24);//天数
var h=parseInt(s/3600%24);//小时数
var m=parseInt(s/60%60);//分钟
var ss=parseInt(s%60);//秒数
oSpan.innerhtml=`${days}天${h}小时${m}分钟${ss}秒`
}else{
clearInterval(timer);
oSpan.innerHTML="恰饭了"
}
}
var timer=setInterval(task,1000)//每过一秒执行一次，并且用timer接收
</script>
</body>
这就是一个关于定时器的运用，准确计算每日距离吃饭的时间，十分有用
以上是关于js定时器的应用的主要内容，如果未能解决你的问题，请参考以下文章
js 定时器用法详解——setTimeout()setInterval()clearTimeout()clearInterval()