java 实现倒计时的效果

最新推荐文章于 2025-06-06 00:15:00 发布

原创最新推荐文章于 2025-06-06 00:15:00 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

JavaScript/Jquery 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的倒计时功能，并在倒计时结束后更新页面元素的状态。通过设置截止时间和当前时间，该脚本能够实时显示剩余时间，并在时间到达后改变页面上特定元素的内容。

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

var NowTime=new Date(${newDate});// 服务器当前时间
GetRTime();  
function GetRTime(){     
    var EndTime= new Date("March 09 12:00:00 2016"); //截止时间
    var nMS=EndTime.getTime() - NowTime.getTime();     
    var d=Math.floor(nMS/(1000 * 60 * 60 * 24));     
    var h=Math.floor(nMS/(1000*60*60)) % 24;     
    var m=Math.floor(nMS/(1000*60)) % 60;     
    var s=Math.floor(nMS/1000) % 60;
    if(d>=0){     
        $("#tm1").text(d + "天" + h + "小时" + m + "分" + s + "秒");  
    }
    if(nMS<=0){
        $("#appTxt").attr("href", "javascript:void(0)");
        $("#appTxts").attr("href", "javascript:void(0)");
        $("#appTxt").attr("onclick", "Pause()");
        $("#appTxts").attr("onclick", "Pause()");
        $("#mjjz").text("");
        $("#tm1").text("募集结束，暂停销售");   
    }    
    NowTime = new Date(NowTime.valueOf() + 100);  
    setTimeout("GetRTime()",100);    
}  

function Pause(){
    sureInfo("确定","暂停销售","提示");
}