使用js制作倒计时（含时分秒）

一，倒计时（以天为单位）

二，js代码

		window.onload = function() {
			// Math.ceil()方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数
			// Math.ceil(12.2)返回13
			var endTime = new Date("6,14,2016"); // 结束日期
			var currentTime = new Date();
			var date = endTime.getTime() - currentTime.getTime(); //得出的为毫秒
			var leftTime = Math.ceil(date / (1000 * 60 * 60 * 24)); // 计算出天数
			//1000 * 60 * 60 * 24 一天的秒数
			if (leftTime > 0) {  
				document.getElementById("show").innerHTML = leftTime;
			}
			
		}

三，html代码

距离奥运会开始还有<span id="show"></span>天

四，倒计时（以秒为单位）
效果图：

五，js代码

	function FreshTime() {
			var endtime = new Date("2016/4/14,21:29:12");//结束时间
			var nowtime = new Date();//当前时间
			var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); // 剩余时间
			d = parseInt(lefttime / 3600 / 24);   // 剩余天数
			h = parseInt((lefttime / 3600) % 24); // 剩余小时数
			m = parseInt((lefttime / 60) % 60);	// 剩余分钟数
			s = parseInt(lefttime % 60);	// 剩余秒数

			document.getElementById("LeftTime").innerHTML = "剩余" + d + "天" + h + "小时"
					+ m + "分" + s + "秒";
			
			if (lefttime <= 0) {
				document.getElementById("LeftTime").innerHTML = "团购已结束";
				clearInterval(sh);
			}
		}
		FreshTime()
		var sh;
		sh = setInterval(FreshTime, 1000); // 每秒钟执行一次

六，html代码

<span id="LeftTime"></span>

关注我的技术公众号《漫谈人工智能》，每天推送优质文章