简单的倒计时

一、基础知识

首先，我们需要掌握一些关于js的基本知识

1.JavaScript Date 对象

Date 对象用于处理日期与时间，创建 Date 对象：new Date( )。
方法 | 描述

• getDate( )	返回一个月中的某一天 (1 ~ 31)
  getDay( )	返回一周中的某一天 (0 ~ 6)
  getFullYear( )	以四位数字返回年份
  getMonth( )	返回月份 (0 ~ 11)
  getHours( )	返回小时 (0 ~ 23)
  getMinutes( )	返回分钟 (0 ~ 59)
  getSeconds( )	返回秒数 (0 ~ 59)
  getTime( )	返回 1970 年 1 月 1 日至今的毫秒数

2.setTimeout( )函数

该方法用于在指定的毫秒数后调用函数或计算表达式。
语法： (提示：1000ms = 1s)
setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript函数, 等待的毫秒数)

3.setInterval()函数

可按照指定的周期（以毫秒计）来调用函数或计算表达式。
js中的setInterval( )每隔指定的时间就执行对应的函数
setInterval()函数的语法如下：
setInterval ( code, milliseconds[, args...] )
例：setInterval('alert("Hello");', 3000); 即3秒执行一次alert
setInterval( )与setTimeout( )的区别在于，只不过后者执行一次，而前者可以执行多次。

二、代码展示

HTML:

    
        
        
        
    
    
        

            
        
        
        
  
            
        
  
        
Keep on going , never give up!
    

CSS:

body{
    text-align: center;
    width: 100%;
    background-image: url(../img/3.jpg);
    background-repeat: no-repeat;   /*不重复背景图像*/
    background-size:100% auto;     /*规定背景图片的尺寸*/
    
}
#now{
    font-size: 50px;
    margin: 90px 0 100px 0;
}
#time
{
    font-size: 60px;
    margin: 10px 0 10px 0;
}
p{
    font-size: 35px;
    margin: 140px 0 10px 0;
}

三、效果