JS精确到毫秒的倒计时

本文介绍了一种使用JavaScript实现精确到毫秒的倒计时功能的方法,包括HTML页面布局和核心的JavaScript脚本逻辑。通过设置截止日期和实时计算剩余时间,动态更新显示剩余的天数、小时、分钟和秒。

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

JS精确到毫秒的倒计时

1、页面HTML代码

<div id="CountMsg">
    今天距离
    <strong id="EndTimeMsg"></strong>
    还有
    <strong id="RemainD">0</strong>天
    <strong id="RemainH">00</strong>时
    <strong id="RemainM">00</strong>分
    <strong id="RemainS">00</strong>秒
</div>

2、JS脚本

var overDate = 1000 * 60 * 60 * 24 * 3; //截止时间:为当前计算机时间+3天
var NowTime = new Date();
//var EndTime= new Date(2012,06,24,0,0);  //截止时间:为固定时间
var EndTime = new Date(NowTime.getTime() + overDate);
var EndTimeMsg = EndTime.getFullYear() + "年";
EndTimeMsg = EndTimeMsg + (EndTime.getMonth() + 1) + "月";
EndTimeMsg = EndTimeMsg + (EndTime.getDate()) + "日";
EndTimeMsg = EndTimeMsg + (EndTime.getHours()) + "时";
EndTimeMsg = EndTimeMsg + (EndTime.getMinutes()) + "分";
EndTimeMsg = EndTimeMsg + (EndTime.getSeconds()) + "秒";

function GetRTime()
{
    NowTime = new Date();
    var nMS = EndTime.getTime() - NowTime.getTime();
    var nD = Math.floor(nMS / (1000 * 60 * 60 * 24));
    var nH = Math.floor(nMS / (1000 * 60 * 60)) % 24;
    var nM = Math.floor(nMS / (1000 * 60)) % 60;
    var nS = Math.floor(nMS / 1000) % 60;
    var nMS = Math.floor(nMS / 100) % 10;
    if (nD >= 0)
    {
        document.getElementById("RemainD").innerHTML = nD;
        document.getElementById("RemainH").innerHTML = nH;
        document.getElementById("RemainM").innerHTML = nM;
        document.getElementById("RemainS").innerHTML = nS + "." + nMS;
    }
    else {
        document.getElementById("CountMsg").innerHTML = EndTimeMsg + "已过期!";
    }
    setTimeout("GetRTime()", 100);
}

window.onload = function() {
    document.getElementById("EndTimeMsg").innerHTML = EndTimeMsg;
    GetRTime();
}

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值