倒计时（可应用于商品限时团购抢购以及一些需要倒计时的场景）

昨天看了一个视频写倒计时功能的，顺便复习了一下js中与Date对象相关的方法：
 1. Date()返回当前日期和时间
 2. getDate()查看Date对象并返回日期（1-31）
 3. getDay()返回星期几（0-6）
 4. getHours()返回小时数（0-23）
 5. getMinutes()返回分钟数（0-59）
 6. getMonth()返回月份值（从0开始）
 7. getSeconds()返回秒数
 8. getTime()返回毫秒数
 9. getYear()返回年份
 10. getFullYear()返回完整的格式，如2016

---

视频复习了Date对象的方法后，制作了一个电商网站的限时抢购的特效，所以我就仿照写了一个类似效果的小特效。

效果图如下：

---

代码：（因为代码量较少，所以放在一个HTML文件写的）

**inde.html**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
    <style type="text/css">
        .box{
            width: 420px;
            height:230px;
            margin: 0 auto;
            margin-top:200px;
            background-color:#F45551;
            color:white;
            text-align: center;
            line-height: 100px;
            font-size: 18px;
            font-family: "微软雅黑";
            box-shadow: 5px 5px 5px #ccc;
        }
        .box .event