<!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>
<!--标题2-->
<div class="title_2">
<input id="text_2" type="texts" onclick="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
版权声明：本文为博主原创文章，转载请附上博文链接！ -->
<!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> <!--标题2--> <div class="title_2"> <input id="text_2" type="texts" onclick="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 版权声明：本文为博主原创文章，转载请附上博文链接！