当前位置 :
使用邮箱登录17素材
已连续签到1天,签到3天将获得积分VIP1天JS写的一段倒计时.有疑似客户端延迟现象.但......
[问题点数：40分]
JS写的一段倒计时.有疑似客户端延迟现象.但......
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2010年10月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|js计时点击按钮一次正常，点击多次不正常了,这是什么原因？求解决办法_百度知道
js计时点击按钮一次正常，点击多次不正常了,这是什么原因？求解决办法
&script type=&text/javascript&&
function timedCount()
document.getElementById('txt').value=c
t=setTimeout(&timedCount()&,1000)
function stopCount()
setTimeout(&document.getElement...
我有更好的答案
因为你用setTimeout所以只执行一次，要多次执行应该用setTimeinterval自己在百度搜一下setTimeinterval就能找到好多文章，包括这两个函数之间的差别。
采纳率：89%
因为点两次相当于开了两个计时器，所以越点越快
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如何用js使一个div框无限移动（要用计时器）？
&html&&head& &title&&/title&&/head&&body& &div id="zxc" style="background-color:width: 100height: 100margin-left:100"&&/div& &script type="text/javascript"&
var x=document.querySelector('.zxc');
setInterval(function(){x.style.left+=10+'px';
}, 10) &/script&&/body&&/html&
&html&&head&
&meta charset="utf-8"&
&title&test&/title&&/head&&body&
&div id="zxc" style="background-color: width:100 height:100 position: left:100 top:100"&&/div&
&script type="text/javascript"&
var x = document.querySelector('#zxc');
setInterval(function() {
x.style.left = (x.offsetLeft + 10) + 'px';
&/script&&/body&&/html&
你还没有登录，请先登录或注册慕课网帐号
58209人关注
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11JS实现倒计时(天数、时、分、秒)
转载 &发布时间：日 17:23:57 & 作者：csdn9_14
这篇文章主要为大家详细介绍了JS实现倒计时，精确到天数、时、分、秒，还为大家分享了parseInt() 函数的使用方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家解析了JS实现倒计时的详细过程，供大家参考，具体内容如下
parseInt() 函数可解析一个字符串，并返回一个整数。
parseInt(string, radix)
parseInt("10"); //返回 10
parseInt("19",10); //返回 19 (10+9)
parseInt("11",2); //返回 3 (2+1)
parseInt("17",8); //返回 15 (8+7)
parseInt("1f",16); //返回 31 (16+15)
parseInt("010"); //未定：返回 10 或 8
实现倒计时代码
html代码：
&!DOCTYPE html&
&meta charset="utf-8" &
&title&JS实现倒计时(天数,时,分,秒)&/title&
&body onload="leftTimer()"&
&h2&剩余时间:&/h2&
&div id="timer"&&/div&
javascript代码：
&script language="javascript" type="text/javascript"&
function leftTimer(year,month,day,hour,minute,second){
var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数
var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数
var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时
var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
days = checkTime(days);
hours = checkTime(hours);
minutes = checkTime(minutes);
seconds = checkTime(seconds);
setInterval("leftTimer(,11,11,11)",1000);
document.getElementById("timer").innerHTML = days+"天" + hours+"小时" + minutes+"分"+seconds+"秒";
function checkTime(i){ //将0-9的数字前面加上0，例1变为01
&实现效果：
小编在作者分享的文章基础上再为大家整理一段完整的代码，拿去用吧！
&input type="text" value="" id="date2"&
&input type="button" onclick="go(document.getElementById('date2').value);" value="开始"&
&div id="timer"&&/div&
&script type="text/javascript"&
var _ordertimer =
var data=new Date();
document.getElementById("date2").value=data.getFullYear()+'-'+(data.getMonth()+1)+'-'+data.getDate()+' '+data.getHours()+':'+data.getMinutes()+':'+data.getSeconds();//当前时间
function leftTimer(enddate) {
var leftTime = (new Date(enddate)) - new Date(); //计算剩余的毫秒数
var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
days = checkTime(days);
hours = checkTime(hours);
minutes = checkTime(minutes);
seconds = checkTime(seconds);
if (days &= 0 || hours &= 0 || minutes &= 0 || seconds &= 0) document.getElementById("timer").innerHTML = days + "天" + hours + "小时" + minutes + "分" + seconds + "秒";
if (days &= 0 && hours &= 0 && minutes &= 0 && seconds &= 0) {
window.clearInterval(_ordertimer);
_ordertimer =
function checkTime(i) { //将0-9的数字前面加上0，例1变为01
if (i & 10) {
function go(v){
var date1=new Date(),data2=new Date(v);
if(data2&date1)//设置的时间小于现在时间退出
_ordertimer = setInterval(function(){leftTimer(data2)}, 1000);
相关阅读：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}