我希望倒數計時器重定向到定時器後點擊0

Question

我有一個工作倒計時計時器，但希望它重定向到一個網址或彈出一個消息顯示一個消息，當計數器打到零時繼續到另一個網址。任何建議表示讚賞。

countdown.js

function calcage(secs, num1, num2) { 
 
    s = ((Math.floor(secs/num1))%num2).toString(); 
 
    if (LeadingZero && s.length < 2) 
 
    s = "0" + s; 
 
    return "<b>" + s + "</b>"; 
 
} 
 

 
function CountBack(secs) { 
 
    if (secs < 0) { 
 
    document.getElementById("cntdwn").innerHTML = FinishMessage; 
 
    return; 
 
    } 
 
    DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000)); 
 
    DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24)); 
 
    DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60)); 
 
    DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60)); 
 

 
    document.getElementById("cntdwn").innerHTML = DisplayStr; 
 
    if (CountActive) 
 
    setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod); 
 
} 
 

 
function putspan(backcolor, forecolor) { 
 
document.write("<span id='cntdwn'></span>"); 
 
} 
 

 
if (typeof(BackColor)=="undefined") 
 
    BackColor = "white"; 
 
if (typeof(ForeColor)=="undefined") 
 
    ForeColor= "black"; 
 
if (typeof(TargetDate)=="undefined") 
 
    TargetDate = 17;/* number of hours   "12/31/2020 5:00 AM";*/ 
 
if (typeof(DisplayFormat)=="undefined") 
 
    DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; 
 
if (typeof(CountActive)=="undefined") 
 
    CountActive = true; 
 
if (typeof(FinishMessage)=="undefined") 
 
    FinishMessage = ""; 
 
if (typeof(CountStepper)!="number") 
 
    CountStepper = -1; 
 
if (typeof(LeadingZero)=="undefined") 
 
    LeadingZero = true; 
 

 

 
CountStepper = Math.ceil(CountStepper); 
 
if (CountStepper == 0) 
 
    CountActive = false; 
 
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990; 
 
putspan(BackColor, ForeColor); 
 
//var dthen = new Date(TargetDate); 
 
//var dnow = new Date(); 
 
//if(CountStepper>0) 
 
// ddiff = new Date(dnow-dthen); 
 
//else 
 
    ddiff = new Date(TargetDate * 300000); 
 
gsecs = Math.floor(ddiff.valueOf()/1000); 
 
CountBack(gsecs);

HTML

<!-- COUNTDOWN TIMER --> 
 
<div style="text-align:center"> 
 
<div class="content"> 
 

 
<div class="box"> 
 
\t \t <div id="top"> 
 
\t \t \t <h2 style="line-height: 20px">You have <span style="color:red; font-size:20px"> 
 
<script language="JavaScript"> 
 
TargetDate = 1; 
 
//BackColor = "palegreen"; 
 
//ForeColor = "navy"; 
 
CountActive = true; 
 
LeadingZero = true; 
 
DisplayFormat = "%%H%%:%%M%%:%%S%%"; 
 
</script><script type="text/javascript" src="js/countdown.js"></script></span> to claim your FREE spins.</h2> 
 
\t \t 
 

 
     </p> 
 
\t \t </div> 
 
</div>

彈出應該只是一個聲明和一個簡單的選擇離子繼續。

Answer 1

你已經請檢查是否倒計時結束在這裏：

if (secs < 0) { 
    document.getElementById("cntdwn").innerHTML = FinishMessage; 
    return; 
} 

所以，你可以簡單地將變爲有，或召喚出一個「countdownComplete」型功能。例如

if (secs < 0) { 
    document.getElementById("cntdwn").innerHTML = FinishMessage; 
    countdownComplete(); 
    return; 
} 

隨着可用countdownComplete功能腳本相關的某個地方，含有類似：

function countdownComplete(){ 
    document.location.href = "http://www.google.com"; 
}