<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><body onload="getwin()"><p id="ptime">现在时间</p><p id="ptime1">距离2018年时间</p><button id="btn" onclick="stopTime()">停止时间按钮</button><button id="btn1" onclick="stopwin()">停止弹出框按钮</button><script> var mytime = setInterval(function(){getTime();},1000);//间隔一秒执行一次该方法 function getTime() { var nowtime = new Date();//获取当前时间 var time = nowtime.toLocaleTimeString();//转换日期十分秒 var endTime=new Date("2018/1/1,0:00:00") //设定倒计时结束时间 var timeXX=(endTime.getTime()-nowtime.getTime())/(1000);//距离2018年的秒数 var date=parseInt(timeXX/(24*60*60)); //换算成天 var xs=parseInt(timeXX/(60*60)%24); //得到小时 var fz=parseInt(timeXX/60%60); //得到分钟 var ms=parseInt(timeXX%60); //得到秒数 var year=nowtime.getFullYear(); //获取现在的年 var month=nowtime.getMonth()+1; //获取现在的月 必须+1 var data=nowtime.getDate(); //获取现在的日 var h=nowtime.getHours();//获取现在的小时 var m=nowtime.getMinutes();//获取现在的分钟 var s=nowtime.getSeconds();//获取现在的秒数 h=checkTime(h); m=checkTime(m); s=checkTime(s); var d=nowtime.getDay(); //获取星期（因星期打印出事0~6，所以用数组形式转化成对应的星期） var weekday=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; document.getElementById("ptime").innerHTML=year+"年"+month+"月"+data+"日"+" "+weekday[d]+" "+h+":"+m+":"+s; //打印出当前年月日 document.getElementById('ptime1').innerHTML='离2018年:'+date+'天'+xs+'小时'+fz+'分钟'+ms+'秒'; }function getwin() { alert("我是3秒一个的弹出框"); win = setTimeout(function(){getwin();},3000);//延迟3秒出现一个提示框}function stopTime() { clearInterval(mytime);}function stopwin() { clearTimeout(win);}function checkTime(i){ //设置小于10的时间数字格式，例如5秒显示成05秒 if(i<10){ return '0'+i; }else{ return i; }}</script></body></html>
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计时器</title></head><body onload="getwin()"><p id="ptime"></p><button id="btn" onclick="stopTime()">停止时间按钮</button><button id="btn1" onclick="stopwin()">停止弹出框按钮</button><script> var mytime = setInterval(function () {getTime();},1000);//间隔一秒执行一次该方法 function getTime() { var d = new Date();//获取当前事件 var t = d.toLocaleTimeString();//转换日期十分秒 var f = document.getElementById("ptime"); f.innerHTML = t; }function getwin() { alert("我是3秒一个的弹出框"); win = setTimeout(function(){getwin();},3000);//延迟3秒出现一个提示框}function stopTime() { clearInterval(mytime);}function stopwin() { clearTimeout(win);}</script></body></html>
