网站倒计时 js.

一周前我回答了一个类似的问题。我已经编写了一个非常简单的倒计时函数。诀窍是修改它以获得下一个Sunday @ 11:15 am，我已经为此编写了一个函数。

var getNextSunday = function () {
    var today = new Date(),
        day = today.getDay(),	// 1 for Mon, 2 for Tue, 3 for Wed, etc.
        delta = 7 - day;
    var sunday = new Date(today.getTime() + (delta * 24 * 3600 * 1000));
    sunday.setHours(11);
    sunday.setMinutes(15);
    sunday.setSeconds(0);
    return sunday;
}
var t = getNextSunday(),
    p = document.getElementById("time"),
    timer;
var u = function () {
    var delta = t - new Date(),
        d = delta / (24 * 3600 * 1000) | 0,
        h = (delta %= 24 * 3600 * 1000) / (3600 * 1000) | 0,
        m = (delta %= 3600 * 1000) / (60 * 1000) | 0,
        s = (delta %= 60 * 1000) / 1000 | 0;
    
    if (delta < 0) {
        clearInterval(timer);
        p.innerHTML = "timer's finished!";
    } else {
        p.innerHTML = d + "d " + h + "h " + m + "m " + s + "s";
    }
}
timer = setInterval(u, 1000);

<h1 id="time"></h1>

这应该很容易适应您网站的需求。唯一棘手的部分可能是我使用

h = (delta %= 24 * 3600 * 1000) / (3600 * 1000) | 0

delta %= ...在执行%=后返回delta。这只是为了保存字符。如果你不喜欢这样，你可以把delta %= ...部分分开：

delta %= 24 * 3600 * 1000;
h = delta / (3600 * 1000) | 0;
// ... do the same for the rest

这个对象使用了一些半高级的javascript思想（闭包和* IIFE*），所以希望它很容易理解。如果您有任何问题，请随时发表评论。

var churchtime = (function (){
    // Total seconds passed in the week by sunday 11:15am
            var magic_number = 558900;
    var now;
    var rawtime = function (){
          //updates now with the current date and time
          now = new Date()
          //Converts now into pure seconds  
          return (((((((now.getDay()-1)*24)+now.getHours())*60)+now.getMinutes())*60)+now.getSeconds());
    };
    //closure
    return {
        raw_countdown : function (){
            return Math.abs(rawtime()-magic_number);
        },
        countdown : function(){      
            var time = Math.abs(rawtime()-magic_number)  
            var seconds = time % 60, time = (time - seconds)/60; 
            var minutes = time % 60, time = (time - minutes)/60; 
            var hours = time % 24, time = (time - hours)/24;
            var days = time;
            return [days,hours,minutes,seconds];
        }
    }
})(558900); //<- Total seconds passed in the week by sunday 11:15am

churchtime.raw_countdown()// returns the raw number of seconds until church 
churchtime.countdown() // returns an array of time until church [days,hours,minutes,seconds]

一旦你有了像churchtime这样的对象，它应该非常容易实现。

例如：

var churchtime = (function(magic_number) {
  var now;
  var rawtime = function() {
    //updates now with the current date and time
    now = new Date()
      //Converts now into pure seconds  
    return (((((((now.getDay() - 1) * 24) + now.getHours()) * 60) + now.getMinutes()) * 60) + now.getSeconds());
  };
  //closure
  return {
    raw_countdown: function() {
      return Math.abs(rawtime() - magic_number);
    },
    countdown: function() {
      var time = Math.abs(rawtime() - magic_number)
      var seconds = time % 60,
        time = (time - seconds) / 60;
      var minutes = time % 60,
        time = (time - minutes) / 60;
      var hours = time % 24,
        time = (time - hours) / 24;
      var days = time;
      return [days, hours, minutes, seconds];
    }
  }
})(); //<- IIFE
AutoUpdate = function AutoUpdate() {
  var time = churchtime.countdown();
  document.getElementById("day").innerHTML = time[0];
  document.getElementById("hour").innerHTML = time[1];
  document.getElementById("min").innerHTML = time[2];
  document.getElementById("sec").innerHTML = time[3];
  setTimeout(AutoUpdate, 900); //Calls it's self again after .9 seconds
}(); //<- IIFE

<h1>Day:<span id="day"></span> Hour:<span id="hour"></span>
Minute:<span id="min"></span> second: <span id="sec"></span></h1>