首頁猿問為什么setInterval可以實...

為什么setInterval可以實現(xiàn)效果，但用setTimeout,秒數(shù)沒有變？

JavaScript

qq_果汁分ni半_03462240 2017-03-28 22:54:31

<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>團購——限時搶</title> <link?rel="stylesheet"?href="style.css"??/> </head> <body> <div?class="content3"> <div?class="time">還剩?<span?id="LeftTime"></span></div> </div> <script> function?FreshTime() { ????????var?endtime=new?Date("2017/5/15,12:20:12");//結束時間 ????????var?nowtime?=?new?Date();//當前時間 ????????var?lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000);? ????????d=parseInt(lefttime/(60*60*24)); ????????h=parseInt(lefttime/(60*60)%24); ????????m=parseInt(lefttime/60%60); ????????s=parseInt(lefttime%60); ??????? ????????document.getElementById("LeftTime").innerHTML=d+"天"+h+"小時"+m+"分"+s+"秒"; ????????if(lefttime<=0){ ????????document.getElementById("LeftTime").innerHTML="團購已結束"; ????????clearInterval(sh); ????????} } ???FreshTime() ???var?sh; ???//sh=setInterval(FreshTime,500); ???sh=setTimeout(FreshTime,500); </script> </body> </html>

查看完整描述

3 回答

已采納

西蘭花偉大炮

TA貢獻376條經驗獲得超318個贊

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>團購——限時搶</title>
<link?rel="stylesheet"?href="style.css"??/>
</head>
?
<body>
<div?class="content3">
<div?class="time">還剩?<span?id="LeftTime"></span></div>
</div>
<script>
function?FreshTime()
{
????????var?endtime=new?Date("2017/5/15,12:20:12");//結束時間
????????var?nowtime?=?new?Date();//當前時間
????????var?lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000);?
????????d=parseInt(lefttime/(60*60*24));
????????h=parseInt(lefttime/(60*60)%24);
????????m=parseInt(lefttime/60%60);
????????s=parseInt(lefttime%60);
????????
????????document.getElementById("LeftTime").innerHTML=d+"天"+h+"小時"+m+"分"+s+"秒";
????????if(lefttime<=0){
????????document.getElementById("LeftTime").innerHTML="團購已結束";
????????clearTimeout(sh);
????????}else{
????????????setTimeout(FreshTime,500);
????????}
}
???FreshTime()
???var?sh;
???
???sh=setTimeout(FreshTime,500);
</script>
</body>
</html>

其實原理是一樣的，多一個else判斷，歡迎采納

1 反對回復 2017-03-29