javascript案例——倒计时效果

最新推荐文章于 2023-05-31 18:30:08 发布

闲逛上海滩

最新推荐文章于 2023-05-31 18:30:08 发布

阅读量708

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/oscar92420aaa/article/details/51853315

JavaScript 专栏收录该内容

54 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，用于显示从当前时间到指定结束时间的倒计时，包括天数、小时数、分钟数和秒数。当倒计时结束后，页面会显示“团购已结束”。此脚本通过计算剩余秒数并转换为易于理解的时间格式来实现这一功能。

<div class="content3">
<div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
function FreshTime()
{
var endtime=new Date("2016/7/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);
//setTimeout(FreshTime,1000);
}
setTimeout(FreshTime,1000);
}
FreshTime()
var sh;
//sh= setInterval(Freshtime,500) ;

</script>