实现新年倒计时

来源:互联网 发布:淘宝天天特价衣服 编辑:程序博客网 时间:2024/06/06 03:36
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>
<body>
    <input type="text" value="" id="text" size="50">
    <script type="text/javascript">
        var  text = document.getElementById('text');
        //当前日期
           setInterval(function(){
           var dt = new Date();
        //2008.1.1
           var target = new Date(dt.getFullYear()+1,0,1);
        //时间差 (毫秒)
           var time= target-dt;
           var days = parseInt(time/1000/60/60/24);
        //除去天数,取余
           time = time%(1000*60*60*24);
           var hours=parseInt(time/1000/60/60);
           time = time%(1000*60*60);
            var mins=parseInt(time/1000/60);
           time=time%(1000*60);
          var sec=parseInt(time/1000);
           text.value="距离新年还有:"+days+"天"+hours+"时"+mins+"分"+sec+"秒";
        },1000)
      
    </script>
</body>
</html>
原创粉丝点击