jquery countdowntimer on submit

Question

我想在訪客點擊提交時編碼，它會顯示倒計時時間，然後重定向到上述網站。

下面

是演示

http://jsfiddle.net/VJT9d/17/

這是html代碼：

<input id="hulk" class="submit" name="send_contact" type="submit" value="Send" /> 

<div style="display:hidden">Redirecting In <span id="countdown">5</span>.</div> 

和jQuery代碼：

var timer = 5, 
el = document.getElementById('countdown'); 

$('#hulk').click(function t_minus() { 
'use strict'; 
el.innerHTML = timer--; 
if (timer >= 0) { 
    setTimeout(function() { 
     t_minus(); 
    }, 1000); 
} else { 
    window.location.replace("/"); 
} 
}()); 

如何使倒數計時器只出現點擊提交後？

Answer 1

使消息只有在點擊後纔可見，你需要2件事：首先，用正確的樣式適當地隱藏元素，其次不要在最後一行啓動t_minus函數！

solution

var timer = 5,

el = document.getElementById('countdown'); 
$('#hulk').click(function t_minus() { 
'use strict'; 
el.innerHTML = timer--; 
if (timer >= 0) { 
    setTimeout(function() { 
    t_minus(); 
    }, 1000); 
} else { 
    window.location.replace("/"); 
} 
}); 

請閱讀還怎麼使用CSS

隱藏要素

Answer 2

只需刪除末尾的()即可。

var timer = 5, 
    el = document.getElementById('countdown'); 

$('#hulk').on('click', function t_minus() { 
    'use strict'; 
    el.innerHTML = timer--; 
    if (timer >= 0) { 
     setTimeout(function() { 
      t_minus(); 
     }, 1000); 
    } else { 
     window.location.replace("/"); 
    } 
}); 

更新fiddle。

Answer 3

使用

$（ '＃倒計時'）。節目（）

點擊功能裏面。