<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<meta name="viewport" content="width=device-width, initial-scale=1.0"> ???<meta http-equiv="X-UA-Compatible" content="ie=edge"> ???<title>今天距离明天倒计时秒数</title> ???<style> ???????div{ ???????????width: 200px; ???????????height: 100px; ???????????border: 1px solid black; ???????????display: flex; ???????????align-items: center; ???????????justify-content: center; ???????} ???????p{ ???????????margin: 0; ???????????text-align: center; ???????} ???</style></head><body> ???<div> ???????<section> ???????????????<p>距离明天</p> ???????????????<p>还有<span class="time">4520</span>秒</p> ???????</section> ???</div> ???<script> ???????var Debugger = function(){}; ???????// 控制台按钮 开 ???????Debugger.switch = true; ???????Debugger.log = function(message){ ???????????try{ ???????????????if(Debugger.switch){ ???????????????????console.log(message); ???????????????} ???????????} catch(exception){ ???????????????return ‘Error‘ ???????????} ???????} ???????// 关闭 ???????Debugger.switch = false; ???????// span标签 ???????var timeT = document.querySelector(‘.time‘) ???????Debugger.log(timeT) ???????????????var timer; ???????function time(){ ???????????var date = new Date(); ???????????// 获取当前时间距离----毫秒数 ???????????var m1 = date.getTime(); ???????????Debugger.log(m1) ???????????// 设置为当前天凌晨0:0:0 ???????????date.setHours(0); ???????????date.setMinutes(0); ???????????date.setSeconds(0); ???????????// 获取当前天凌晨距离----毫秒数 ???????????var m0 = date.getTime(); ???????????Debugger.log(m0) ???????????// 获取距离明天的秒数 ???????????var m = 60*60*24 - (m1-m0)/1000; ???????????Debugger.log(m) ???????????timer = setInterval(time,1000); ???????????if(m<=0){ ???????????????clearInterval(timer); ???????????????return ???????????} ???????????timeT.innerHTML = m ???????} ???????setInterval(time,1000); ???</script></body></html>js写距离明天秒数
原文地址：http://www.cnblogs.com/lzq035/p/8034659.html