js倒计时实现

js倒计时的js效果在网上一搜一大把，但有些写的很复杂，因为他实现的功能很多，但是我们有个时候不需要那么多的功能，没必要那么复杂。因此这里为大家提供一个相对而言比效简单的倒计时代码。

js代码

<script language="javascript" type="text/javascript">
var interval = 1000;//定为一秒钟
function ShowCountDown(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 day1=parseInt(leftsecond/(24*60*60*6));
var day1=Math.floor(leftsecond/(60*60*24));
var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
var cc = document.getElementById(divname);


//cc.innerHTML = "距离特卖结束："+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
cc.innerHTML = "距离特卖结束: "+day1+"天&nbsp;"+hour+" : "+minute+" : "+second;//这里跟据自己的需要写文字和配对时间了。
}
function showtime(){
    ShowCountDown(2015,6,11,'mstimed');
}
window.setInterval(showtime, interval);//在指定的时间后执行showtime方法。这里是定为一秒钟。
</script>

 

html代码就很简单了。

<div class="mstimed" id="mstimed"></div>

很简单吧，

这里的原理就是用setInterval每隔1秒钟执行一次方法，方法的内容就是计算出规定的时和现在的时间相差多远。一秒钟计算次，并写入指定的html标签中。

本文来自web爱好者