Question

有没有办法使用javascript创建倒数计时器，一旦达到0，它将自动调整为不同的倒计时？（示例：从当前时间到2012年新年倒计时，一旦达到0，它将变为3月生日的倒计时）（这可以用作事件计划的倒计时。你可以有一个计划和计划的下一部分倒计时一旦完成倒计时到第一部分）

Answer 1

var timeForNextFunction = false;

function firstFunction(){
    //set timeForNextFunction = true when its time for the next function.
};
function nextFunction(){};

var tick = 100; //milliseconds
document.setInterval(function(){
      if (timeForNextFunction)
          nextFunction();
      else
          firstFucntion();
}, tick);

Answer 2

您可以拥有Date数组，例如：

function newDate(seconds){
    var d=new Date();
    d.setTime(new Date().getTime()+1000*seconds);
    return d;
}
var events=[newDate(10),newDate(40)];

然后

var currentEvent=0,
    cntdwn=document.getElementById('seconds');
    refreshEvent();
var timer=setInterval(display,1000);

function display(){
    var seconds=Math.ceil((events[currentEvent].getTime()-new Date().getTime())/1000);
    if(seconds>=0){
        cntdwn.innerHTML=seconds;
    }else{
        if(currentEvent<events.length-1){
            currentEvent++;
            refreshEvent();
        }else{
            clearTimeout(timer);
            // Finished
        }
    }
}
function refreshEvent(){
    document.getElementById('currentDate').innerHTML=events[currentEvent];
}

请在此处查看：http://jsfiddle.net/epUG4/

Answer 3

当然，在很多倒计时中，您可以尝试jCounter并设置其后备版本以使用其他日期启动另一个插件实例。

这是你在jCounter中的方式：

$('.counterClass').jCounter({
  date: '31 december 2012 23:59:59', 
  format: 'dd:hh:mm:ss', // display days, hours, minutes and seconds, you can choose here what to display
  fallback: function() { $('.counterClass').jCounter({ // fallback for the next countdown
    date: '31 march 2013 00:00:00', 
    format: 'dd:hh:mm:ss', // format
    fallback : function() { alert("Happy Birthday!") } // second fallback
  }); }
});

请注意，jCounter依赖于服务器端时区，默认为“欧洲/伦敦”，您可以通过添加（在其他设置中），时区：'Europe / Oslo'或任何您喜欢的内容来更改它。 / p>

自我调整Javascript倒计时

3 个答案: