倒计时

html部分

<h2>倒计时:(国庆节)</h2>

<span id="down"></span><br>

<button onclick="start()">start</button>

<button onclick="end()">stop</button><br>

js部分~~~~~~

<script>

//距离2017年还有

function start(){

str=setInterval("lick()",1000);

}

function lick()

{

var time=new Date();

var miao=time.getTime();

var times=new Date("Oct 1,2017 12:00:00");

var miao2=times.getTime();

var cutt=miao2-miao;

var sec=Math.ceil(cutt/1000%60);

var min=Math.ceil(cutt/1000/60%60);

var hour=Math.ceil(cutt/1000/60/60%24);

var day=Math.ceil(cutt/1000/60/60/24);

document.getElementById("down").innerHTML=day+"天"+hour+"小时"+min+"分"+sec+"秒";

document.getElementById("down").style.color="red";

}

function end(){

clearInterval(str);

}

<script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容