JS精确到毫秒的倒计时

淩亂°似流年 2021-09-14 04:02 562阅读 0赞

**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();
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，562人围观）

还没有评论，来说两句吧...

相关阅读

相关毫秒转换天时分秒倒计时

因为项目基于uniapp开发，所以就用uniapp的写法，只要知道具体放他，就可以自己修改自己用了样式就不详细写了自己写。 <view class="bw-

小灰灰/ 2023年07月21日 11:19/ 0 赞/ 38 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 368 阅读

相关 js倒计时

//倒计时 function show_time() { //正数表达式 var re = /^\d+(?=\.{0,1}

我就是我/ 2022年08月05日 07:49/ 0 赞/ 311 阅读

相关 JS显示时钟精确到毫秒

<script language="javascript"> function countdown(endtime, today) { tod

傷城~/ 2022年07月12日 02:17/ 0 赞/ 413 阅读

相关 js实现倒计时，精确到秒

效果图： ![70][] html代码： <!DOCTYPE html> <html> <head> <meta charset=

本是古典何须时尚/ 2022年05月15日 09:47/ 0 赞/ 293 阅读

相关时间精确到毫秒

Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd

怼烎@/ 2022年04月22日 02:32/ 0 赞/ 597 阅读

相关 js倒计时

倒计时 { padding: 0; margin: 0; box

亦凉/ 2022年01月30日 02:19/ 0 赞/ 352 阅读

相关 js倒计时

![20190820151447888.png][] function tow(n) { return n >= 0 &&

- 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 522 阅读

相关 JS 倒计时

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！ `<script type=` `"text/javascript"` `>`

约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 628 阅读

相关 JS精确到毫秒的倒计时

JS精确到毫秒的倒计时 1、页面HTML代码 <div id="CountMsg"> 今天距离 <strong id="EndTim

淩亂°似流年/ 2021年09月14日 04:02/ 0 赞/ 563 阅读