JS倒计时代码(可随时点击停止)

发布时间:2019-07-14编辑:脚本学堂
分享一例js倒计时代码,此倒计时的特点是可随时点击停止,很不错吧,有需要的朋友做个参考。

一个js倒计时的特效,鼠标点击可以停止倒计时,达到倒计时的时间后,按钮变为灰色。唯一的缺点就是离开当前窗口后,倒计时不能停止。

代码:
 

复制代码 代码示例:
<input type="button" id="downloadbtn" class="meng1an" onclick='if(timeout>0) {alert("停止计时");return false;}document.location="#"; this.disabled=true;'>
<script type="text/javascript">
//Js倒计时代码
<!--
var timeout='10';
function countdown()
{
if (timeout <= 0)
{
document.getElementById("downloadbtn").value = '时间到';
if(document.getElementById("downloadfile"))document.getElementById("downloadfile").style.display = '';
}
if (timeout > 0)
{
document.getElementById("downloadbtn").value = '还有 '+timeout+' 秒';
setTimeout('countdown()',1000);
}
timeout--;
}
countdown();
-->
</script>