Js写的一个倒计时效果实例

2018-04-05 08:32:19 次阅读稿源：互联网

零七广告

我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用Js来实现一个倒计时效果，具体代码：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Js实现倒计时效果</title> 
<script language="javascript"> 
var timeLeft = 90 * 60 * 1000;//这里设定的时间是90秒 
function countTime(){ 
    if(timeLeft == 0){//这里就是时间到了之后应该执行的动作了，这里只是弹了一个警告框 
        alert("时间到！http://www.daimajiayuan.com/"); 
        return; 
    } 
    var startMinutes = parseInt(timeLeft / (60 * 1000), 10); 
    var startSec = parseInt((timeLeft - startMinutes * 60 * 1000)/1000); 
    document.getElementById('show').innerHTML = "剩余时间：" + startMinutes + "分钟" + startSec + "秒"; 
    timeLefttimeLeft = timeLeft - 1000; 
    setTimeout('countTime()',1000); 
} 
</script> 
</head> 
 
<body onload="countTime()"> 
<div id="show"></div> 
</body> 
</html>