<!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 版權聲明：本文為博主原創文章，轉載請附上博文鏈接！