前端时间倒计时方案

最新推荐文章于 2025-05-07 10:45:02 发布

JavaMrSun

最新推荐文章于 2025-05-07 10:45:02 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术杂谈

本文链接：https://blog.youkuaiyun.com/Java_Mrsun/article/details/80827485

技术杂谈专栏收录该内容

38 篇文章

订阅专栏

这是一个前端倒计时代码实现，通过JavaScript获取后台传来的目标时间，并计算与当前时间的差值，动态显示剩余的天、小时、分钟和秒数。当倒计时结束时，显示'已结束'提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//需要倒计时的时间节点
var gameTime = $("#gameTime").val();
if(gameTime ==null || gameTime==""){
return false;
}
var endyear=gameTime.substring(0,4);
var endmonth=gameTime.substring(5,7);
var endday=gameTime.substring(8,10);

//竞猜时间截止于开赛前1小时；
var endh=gameTime.substring(11,13);
var endms=gameTime.substring(13,19);

var endhms=endh+endms;
//后台传过来的当前系统时间
var sTime = new Date('${sTime}');
var enddate=endyear+"/"+endmonth+"/"+endday+" "+endhms;
var eTime=new Date(enddate);

i=i+1;
var sumSecond=parseInt((eTime.getTime()-(sTime.getTime()+(i*1000)))/1000);
var showSecond=sumSecond%60;
var sumMinute=(sumSecond-showSecond)/60;
var showMinute=sumMinute%60;
var sumHour=(sumMinute-showMinute)/60;
var showHour=sumHour%24;
var showData=(sumHour-showHour)/24;
if(showSecond>-1){
$("#showday").html(showData);
$("#showhour").html(showHour);
$("#showminute").html(showMinute);
$("#showsecond").html(showSecond);

//循环此方法
timerID=setTimeout("showtime()",1000);
}else{
$("#time").html("距离竞猜结束：<span>已结束</span>");
}
}
</script>