《JavaScript》倒计时效果

最新推荐文章于 2022-08-04 11:28:39 发布

glglgl1

最新推荐文章于 2022-08-04 11:28:39 发布

阅读量904

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/glglgl1/article/details/123488609

版权

本文介绍了如何使用JavaScript来创建倒计时效果。通过获取当前时间与目标时间的毫秒数差，然后转换为天、小时、分钟和秒进行显示。主要涉及到日期时间处理和数学运算。

摘要由CSDN通过智能技术生成

function conutDown(time)
	{
		var  nowtime = +new Date();
		var  inputTime = +new Date(time);
		var  times = (inputTime - nowtime) / 1000;
		var  d = parseInt(times / 60 / 60 / 24);
		d = d < 10 ? '0' + d : d;
		var h = parseInt(times / 60 / 60 % 24);
		h = h < 10 ? '0' + h : h;
		var m = parseInt(times / 60 % 60);
		m = m < 10 ? '0' + m : m;
		var s = parseInt(times % 60);
		s = s < 10 ? '0' + s : s;
		return d + '天' + h + '时' + m + '分' + s + '秒';
	}
	console.log(conutDown('2022-3-16 18:00:00'))
	var date = new Date();
	console.log(date);

var nowtime = +new Date();返回的是当前的时间总数的毫秒数

var inputTime = +new Date(time);返回的是用户输入时间总的毫秒数

times是时间剩余总的秒数

d = parselnt(总秒数/60/60/24);计算天数
h = parselnt(总秒数/