当前位置: 代码迷 >> JavaScript >> 如何修改默认倒数计时器?
  详细解决方案

如何修改默认倒数计时器?

热度:61   发布时间:2023-06-12 13:53:51.0

基于此项目( ),该项目非常出色,但是我想修改此代码(目标日期和特定日期)。 这个js代码

    var target_date = new Date().getTime() + (1000*3600*48); // set the countdown date
    var days, hours, minutes, seconds; // variables for time units

    var countdown = document.getElementById("tiles"); // get tag element

    getCountdown();

    setInterval(function () { getCountdown(); }, 1000);

    function getCountdown(){

// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;

days = pad( parseInt(seconds_left / 86400) );
seconds_left = seconds_left % 86400;

hours = pad( parseInt(seconds_left / 3600) );
seconds_left = seconds_left % 3600;

minutes = pad( parseInt(seconds_left / 60) );
seconds = pad( parseInt( seconds_left % 60 ) );

// format countdown string + set tag value
countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; 
     }

    function pad(n) {
return (n < 10 ? '0' : '') + n;
    }

然后我要将目标日期设置为2019年3月5日23:59:59。 我知道,我必须修改此代码,但是我对这个js代码不熟悉。 有人可以帮忙吗?

是的,您是正确的,只需要将目标日期值更改为

var target_date = new Date(2019,2,5,23,59,59,0).getTime();

检查一下: :

您始终可以参考文档以获取更多帮助,Date所采用的格式为new Date(year, month, day, hours, minutes, seconds, milliseconds)

文档链接: :

您还可以通过以下方式更改目标值:

new Date("Mar 5, 2019 23:59:59").getTime();

参考: :

  相关解决方案