JavaScript倒计时代码

最新推荐文章于 2023-02-06 06:54:07 发布

小森林 ^o^

最新推荐文章于 2023-02-06 06:54:07 发布

阅读量231

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44918393/article/details/126536986

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

function countTime() {
		//获取当前时间  
		var date = new Date();
		var now = date.getTime();
		//设置截止时间  
		var str = '2022/09/11 00:00:00'
		var endDate = new Date(str);
		var end = endDate.getTime();

		//时间差  
		var leftTime = end - now;
		//定义变量 d,h,m,s保存倒计时的时间  
		var d, h, m, s;
		if (leftTime >= 0) {
			d = Math.floor(leftTime / 1000 / 60 / 60 / 24);

			h = Math.floor(leftTime / 1000 / 60 / 60 % 24);

			m = Math.floor(leftTime / 1000 / 60 % 60);

			s = Math.floor(leftTime / 1000 % 60);

		}
		//将0-9的数字前面加上0，例1变为01
		d = checkTime(d) || '00';
		h = checkTime(h) || '00';
		m = checkTime(m) || '00';
		s = checkTime(s) || '00';


		//将倒计时赋值到div中  
		let TIME = d + '天' + h + '时' + m + '分' + s + '秒'
		$('#TIME').html(TIME)
		//递归每秒调用countTime方法，显示动态时间效果  
		setTimeout(countTime, 1000)
	}
	function checkTime(i) {
		if (i < 10) {
			i = "0" + i;
		}
		return i;
	}
	countTime()