<!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" ο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>
js 倒计时写法(三种:倒计时发送,倒计时时间,倒计时可用)
最新推荐文章于 2024-08-19 16:45:08 发布