简单的倒计时 html+css+js

一、基础知识
首先，我们需要掌握一些关于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; }

三、效果