Tasays

计时器

js 倒计时生成

你站的地方风吹过来都是暖的


以前一直感觉JS难,今天学了1天。。。。。 才写好个倒计时生成 贴上来吧!!!


效果先贴上图片


贴上自己写的简单计时器

<div id="one">
    <div id="day"><span id="days"></span><br/><em>days</em> /</div>
    <div id="hour"><span id="hours"></span><br/><em>hours</em> /</div>
    <div id="min"><span id="mins"></span><br/><em>min</em> /</div>
    <div id="sec"><span id="secs"></span><br/><em>sec</em> /</div>
</div>
<script>

//判断添加01 类型时间
function checktime(i){
        if(i<10){
            i="0"+i;
            }
        return i;
    }
//启动时间
setInterval("showtime()",1000);
//倒计时函数
function showtime(){
var endtime=new Date("2018/01/01,15:01:01");
var nowtime=new Date();
var counttime=parseInt(endtime.getTime() - nowtime.getTime())/1000;

var days=parseInt(counttime/60/60/24);
var hours=parseInt(counttime/60/60%24);
var mins=parseInt(counttime/60%60);
var sec=parseInt(counttime%60);
//判断是否小于10小于10在前面加0
hours=checktime(hours);
mins=checktime(mins);
secs=checktime(sec);
//输出日期
document.getElementById("days").innerHTML=days;
document.getElementById("hours").innerHTML=hours;
document.getElementById("mins").innerHTML=mins;
document.getElementById("secs").innerHTML=secs;
}