码迷,mamicode.com
首页 > Web开发 > 详细

js-高考倒计时

时间:2017-04-06 09:42:21      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:倒计时   charset   size   class   document   title   var   head   innerhtml   

HTML部分:

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"/>
<title>高考倒计时</title>
</head>
<body>
    <p>高考倒计时:</p>
    <div id="box">11111</div>
</body>
</html>

CSS部分:

#box,p{
        color:red;
        font-size:16px;
        width:300px;
        margin:0 auto;
   }    

JS部分:

window.onload=function(){
    var curtime=new Date();//当前时间
    var endtime=new Date("2017,6,6");//结束时间
    var lefttime=Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000));    
    document.getElementById("box").innerHTML=lefttime;
}

 

js-高考倒计时

标签:倒计时   charset   size   class   document   title   var   head   innerhtml   

原文地址:http://www.cnblogs.com/lexie/p/6671814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!