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>

这就是一个关于定时器的运用,准确计算每日距离吃饭的时间,十分有用

posted @ 2019-11-27 18:23  老虎死了还有狼  阅读(241)  评论(0编辑  收藏  举报