js面试题:网页中实现一个计算还剩多少时间的倒数计时程序

过几天要去面试:自己看到这个面试题,就写了一下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
window.onload = function () {
   
//参数说明 elem:Dom元素ID字符串 a,b,c,d,e,f,g分别为年、月、日、时、分、秒、毫秒
    var distDate = function  _temp(elem,a,b,c,d,e,f,g){
        a = a||0; b = b>=1?b||0; month = b-1; c = c||0; d = d||0; e = e||0; f = f||0; g = g||0;
        var nDistSecond =  (new Date(a,month,c,d,e,f,g) - new Date())/1000,
            dates = Math.floor(nDistSecond/(60*60*24)),
            hours =  Math.floor(nDistSecond%(60*60*24)/(60*60)),
            minutes =  Math.floor(nDistSecond%(60*60*24)%(60*60)/60),
            seconds = Math.floor(nDistSecond%(60*60*24)%(60*60)%60);
        str = "距离" + a +""+  b + "" + c + "" + d + "" + e + "" + f + "" + "还有" + dates + "" + hours + "" + minutes +"" + seconds + "";
        var element = document.getElementById(elem);
        element.innerHTML = str;
        
        setTimeout(function (){
         return _temp(elem,a,b,c,d,e,f,g);
            
        },1000);

   }
   //test
 distDate("time",2014,4,10);//显示现在距离2014年4月10日还有多长时间
   
}
    

    </script>
</head>
<body>
<div id="time">这是倒计时的时间</div>

</body>
</html>

 

转载于:https://www.cnblogs.com/ginowang42/archive/2013/04/10/3012889.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值