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

时间：2016-08-30 17:31:34 阅读：113 评论：0 收藏：0 [点我收藏+]

标签：

我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用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("时间到");
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>

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

标签：

原文地址：http://www.cnblogs.com/he-qiang/p/5822592.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行