【JavaScript】思维锻炼-倒计时

提示：思维锻炼尤其重要，童鞋们快学起来吧

提示：以下是本篇文章正文内容，下面案例可供参考

一、案例

1.html

代码如下（示例）：

ok 我们需要写个div来装我们的倒计时

<div id="wrapper"></div>

2.js部分

代码如下（示例）：

js获取年，月，日，周再获取剩余时间的天、小时、分、秒的元素对象，方便后面给它们赋值- - -剩余时间
定义一个计算当前时间和设定时间- - -时间差的函数，将剩余天数、小时、分、秒分别计算计算出来，并赋值给相应的与元素内容

<script>
			function stm() {
				var date = new Date(); //时间
				var year = date.getFullYear(); //年
				var month = date.getMonth() + 1; //月
				var day = date.getDate(); //日
				var week = date.getDay(); //周 0-6 0是周日
				if (week == 0) {
					week = "日";
				} else if (week == 1) {
					week = "一";
				} else if (week == 2) {
					week = "二";
				} else if (week == 3) {
					week = "三";
				} else if (week == 4) {
					week = "四";
				} else if (week == 5) {
					week = "五";
				} else if (week == 6) {
					week = "六";
				}
				var date1=new Date("2022-6-18 00:00:00");
				var times=date1-date;//毫秒
				var days=Math.floor(times/1000/60/60/24);//天
				var hours=Math.floor(times/1000/60/60%24);//小时
				var mintes=Math.floor(times/1000/60%60);//分钟
				var seconds=Math.floor(times/1000%60);//秒
				var str = `<h3>今天是${year}年${month}月${day}日 星期${week}  距离2022年6月18日还有${days}天${hours}小时${mintes}分钟${seconds}秒</h3>`;
				return str;
				document.write(str);
			}
			var id = setInterval(function() {
				var time = document.getElementById("wrapper");
				time.innerHTML = stm();
			}, 1000)
		</script>

为了让初学者方便看懂，这里所用的都是一些基本知识，

---

总结

这个案例比较经典一些，大家好好练习

页面效果