固定日期时间倒计时，倒计时不可点击，普通倒计时

最新推荐文章于 2024-09-02 17:27:54 发布

weixin_30307267

最新推荐文章于 2024-09-02 17:27:54 发布

阅读量154

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xuhuang/p/9766132.html

版权

<!DOCTYPE html>

<head>

</head>

<body>

</div>

</div>

//倒计时30秒

var end=30;//初始化给个值为30

document.getElementById("text_1").disabled=true; //设置名字为text的文本不可用

for(var i=1;i<=end;i++){

window.setTimeout("update("+i+")",i*1000); //当i=30时执行update方法

}

function update(number){

if(number==end){

document.getElementById("text_1").value="输入作者名字";

document.getElementById("text_1").disabled=false;//设置名字为text的文本可用

}else{

var endsceond=end-number;

document.getElementById("text_1").value="查看条款("+endsceond+")";

}

//30秒后再次点击

function showM(t){

for(var i=1;i<=t;i++){

window.setTimeout("updates("+i+","+t+")",i*1000);

}

function updates(number,t){

if(number==t){

document.getElementById("text_2").value="重新点击";

document.getElementById("text_2").disabled=false;

}else{

var p=t-number;

document.getElementById("text_2").value=p+"秒后重新点击";

document.getElementById("text_2").disabled=true;

}

//倒计时。

var interval=1000;//指定时间为：1秒（可要可不要）

function Show(year,month,day,divname){

var now=new Date(); //调用系统时间,当前时间

var endDate=new Date(year,month-1,day); //结束时间

var leftTime=endDate.getTime()-now.getTime();//剩下的时间

var leftsecond=parseInt(leftTime/1000);//剩下的秒数

var day_1=Math.floor(leftsecond/(60*60*24));//剩余天数

var hour=Math.floor((leftsecond-day_1*24*60*60)/3600);//剩余小时

var minute=Math.floor((leftsecond-day_1*24*60*60-hour*60*60)/60);//剩余分钟

var second=Math.floor(leftsecond-day_1*24*3600-hour*3600-minute*60);//剩余秒数

var cc=document.getElementById(divname);//把结果显示在div上

var zhou=new Array('日','一','二','三','四','五','六');//星期

cc.innerHTML="怪兽距离"+year+"年"+month+"月"+day+"日"+"还有:"+day_1+"天"+hour+"小时"+minute+"分"+second+"秒"+"今天是星期"+zhou[now.getDay()];

if (now >= endDate)

{

clearTimeout(this.timeout);

cc.innerHTML = "时间已到";

return;

}

window.setInterval(function(){Show(2017,1,5,'head_1_left_title_1_img');},interval);//div 是id 不是class

</script>

</body>

</html>

<!-- ---------------------

作者：小怪兽的保镖

来源：CSDN

原文：https://blog.csdn.net/Easet/article/details/53611242?utm_source=copy

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时</title> </head> <body> <div class="title_1"> <input id="text_1" type="text" name="textss" value="查看条款(30)"placeholder="请在这里输入标题"/> </div>  <div class="title_2"> <input id="text_2" type="texts" οnclick="showM(30)" placeholder="输入作者"/> </div> <script src="../wechat/js/jquery-3.1.1.min.js" type="text/javascript"></script> <script> //倒计时30秒 var end=30;//初始化给个值为30 document.getElementById("text_1").disabled=true; //设置名字为text的文本不可用 for(var i=1;i<=end;i++){ window.setTimeout("update("+i+")",i*1000); //当i=30时执行update方法 } function update(number){ if(number==end){ document.getElementById("text_1").value="输入作者名字"; document.getElementById("text_1").disabled=false;//设置名字为text的文本可用 }else{ var endsceond=end-number; document.getElementById("text_1").value="查看条款("+endsceond+")"; } } //30秒后再次点击 function showM(t){ for(var i=1;i<=t;i++){ window.setTimeout("updates("+i+","+t+")",i*1000); } } function updates(number,t){ if(number==t){ document.getElementById("text_2").value="重新点击"; document.getElementById("text_2").disabled=false; }else{ var p=t-number; document.getElementById("text_2").value=p+"秒后重新点击"; document.getElementById("text_2").disabled=true; } } //倒计时。 var interval=1000;//指定时间为：1秒（可要可不要） function Show(year,month,day,divname){ var now=new Date(); //调用系统时间,当前时间 var endDate=new Date(year,month-1,day); //结束时间 var leftTime=endDate.getTime()-now.getTime();//剩下的时间 var leftsecond=parseInt(leftTime/1000);//剩下的秒数 var day_1=Math.floor(leftsecond/(60*60*24));//剩余天数 var hour=Math.floor((leftsecond-day_1*24*60*60)/3600);//剩余小时 var minute=Math.floor((leftsecond-day_1*24*60*60-hour*60*60)/60);//剩余分钟 var second=Math.floor(leftsecond-day_1*24*3600-hour*3600-minute*60);//剩余秒数 var cc=document.getElementById(divname);//把结果显示在div上 var zhou=new Array('日','一','二','三','四','五','六');//星期 cc.innerHTML="怪兽距离"+year+"年"+month+"月"+day+"日"+"还有:"+day_1+"天"+hour+"小时"+minute+"分"+second+"秒"+"今天是星期"+zhou[now.getDay()]; if (now >= endDate) { clearTimeout(this.timeout); cc.innerHTML = "时间已到"; return; } } window.setInterval(function(){Show(2017,1,5,'head_1_left_title_1_img');},interval);//div 是id 不是class </script> </body> </html> --------------------- 作者：小怪兽的保镖来源：CSDN 原文：https://blog.csdn.net/Easet/article/details/53611242?utm_source=copy 版权声明：本文为博主原创文章，转载请附上博文链接！

转载于:https://www.cnblogs.com/xuhuang/p/9766132.html

weixin_30307267

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
固定日期时间倒计时，倒计时不可点击，普通倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><body> <div class="title_...
复制链接

扫一扫