商品抢购倒计时（天，时，分，秒）

在这里案例中需要用到JS方法：Date()，parseInt()，getTime()。先对这三个方法做些介绍。

Date()方法：可返回当天的日期和时间。用法：

var newTime = new Date();

也可用来定义一个时刻，写法如下：

var outTime = new Date("2018/08/12 12:00:00");//年月日之间可以用“/”，也可以用“-”

parseInt()方法：可解析一个字符串，并返回一个整数。它有两个参数：parseInt(string, radix)。第一个参数必填，为被解析的字符串。第二个选填，表示要解析的数字的基数（二进制，十进制，十六进制）。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，则 parseInt()将返回 NaN。

getTime()方法：可返回距1970年1月1日之间的毫秒数。它方法总是结合一个 Date 对象来使用。用法举例：

var d = new Date();//获取当前日期
var n = d.getTime();//计算距离1997.01.01  00.00.00的时间
alert(n);//弹出的就是此时距离1970年1月1日之间的毫秒数。

下面开始介绍抢购倒计时：

HTML部分：

<div id="time">
<span id="day">天</span>：
<span id="hour">时</span>：
<span id="min">分</span>：
<span id="sec">秒</span>
</div>
<!--用来显示时间，通过JS计算后，将结果展示在此处-->

JS部分：

window.onload = timeOver;
function timeOver() {
	var day = $("#day").text();//获取到当前<span>中的值，便于后续更改。
	var hour = $("#hour").text();//同上
	var min = $("#min").text();//同上
	var sec = $("#sec").text();//同上
	var newTime = new Date();//当前日期
	var outTime = new Date("2018-08-12 12:00:00");//抢购开始时间
	var time = parseInt((outTime.getTime() - newTime.getTime()) / 1000);// 抢购开始时间-当前日期。因为getTime()返回的是毫秒数，1000毫秒=1秒。所以time得到的时间差是以秒为单位的。
	if(time >= 0) {
		day = parseInt((time/3600)/24);//计算天数
		hour = parseInt(time/3600%24); //计算小时数
		min =parseInt(time/60%60); //计算分钟数
		sec =parseInt(time%60); //计算秒数
		if(day <= 9) day = '0' + day;//如果为个位数，就在前面加个0
		if(hour <= 9) hour = '0' + hour;//同上
	if(min <= 9) min = '0' + min; //同上
		if(sec <= 9) sec = '0' + sec; //同上
	}
	$("#sec").text(sec);//用计算结果替换掉原来的字
	$("#min").text(min);//同上
	$("#hour").text(hour);//同上
	$("#day").text(day);//同上
	setTimeout(timeOver, 1000);//每个一秒钟执行一次，
}

在此案例中，我省略了CSS代码，CSS主要是对显示的倒计时样式做了一些美化。下面是页面截图：

---

本人为JS实习生一枚，不断学习，不断进步。欢迎各位前辈批评指教。