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>

這就是一個關於定時器的運用,准確計算每日距離吃飯的時間,十分有用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM