JS实现倒计时的方法

2019-03-08 network gramer 点击: 评论
展示:代码:<html><head><meta http-equiv="Content-Type" content="text html; charset=utf-8" ><title>JS实现倒计时的方法 免

天晟网络 小编在整理编程教程 > JavaScript > 看到JS实现倒计时的方法,下面是小编47为您找到的38048相关内容,希望47对您有帮助。

展示:


代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS实现倒计时的方法 免费教程 www.timsion.com</title>
<script language="javascript">
//var timeLeft=90*60*1000;//这里设定的时间是90分钟
var timeLeft=6*1000;//这里设定的时间是6秒
function countTime(){
if(timeLeft==0){//这里就是时间到了之后应该执行的动作了,这里只是弹了一个警告框
alert("欢迎您访问免费教程 !");
document.getElementById('ok').disabled=false;
document.getElementById('ok').value='现在可以点我提交啦!';
return;
}
var startMinutes=parseInt(timeLeft/(60*1000),10);
var startSec=parseInt((timeLeft-startMinutes*60*1000)/1000);
document.getElementById('show').innerHTML="剩余时间:"+startMinutes+"分钟"+startSec+"秒";
document.getElementById('ok').value=startSec+'秒';
timeLeft=timeLeft-1000;
setTimeout('countTime()',1000);
}
</script>
</head>
 
<body onload="countTime()">
<div id="show"></div>
<input type="button" id="ok" disabled value="" style="width:200px;" />
</body>
</html>

转载文章请标明来自天晟网 Timsion.Com > 编程教程 > JavaScript >
标题:JS实现倒计时的方法
网址:http://www.timsion.com/javas/38048.html

关键词:倒计时

上一篇:JavaScript获取鼠标当前位置
下一篇:JS三元运算符

免责声明:以上内容来自互联网和用户投稿,不代表本站的观点和立场,版权归原作者所有,如有侵权,请与我们联系。