javascript倒计时天时分秒,js中倒计时器怎么实现

chatgpt002

于 2023-11-14 13:34:16 发布

阅读量497

点赞数

本文链接：https://blog.csdn.net/chatgpt002/article/details/134396933

版权

大家好，小编来为大家解答以下问题，应用javascript实现日期倒计时，js倒计时三种简单实现方式，今天让我们一起来看看吧！

原理：输入的时间减去现在的时间就是剩余的时间，即倒计时。

注意：不能用时分秒相减，如05分减去25分，结果会是负数Python中的所有运算符号。

采用时间戳来做，用户输入时间总的毫秒数减去现在时间总的毫秒数，得到的就是剩余时间的毫秒数。再将剩余时间的总的毫秒数转换为天、时、分、秒（将时间戳转换为时分秒）。

转换公式如下：

天数：d=parseInt(总秒数/60/60/24);

小时：h=parseInt(总秒数/60/60%24);

分钟：m=parseInt(总秒数/60%60);

秒数：s=parseInt(总秒数%60)；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<>			
			//倒计时效果
			function countDown(time){
				var nowTime=+new Date();//返回当前时间总的毫秒数
				var inputTime=+new Date(time);//返回用户输入时间总毫秒数
				var times=(inputTime-nowTime)/1000;//剩余时间总的秒数
				//转换时分秒
				var d=parseInt(times/60/60/24);
				var h=parseInt(times/60/60%24);
				var m=parseInt(times/60%60);
				var s=parseInt(times%60);
				return d+'天'+h+'时'+m+'分'+s+'秒';
			}
			console.log(countDown('2023-1-31 20:30:00'));
		</>
	</head> 
	<body>
		
	</body>
</html>

效果图：

chatgpt002

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript倒计时天时分秒,js中倒计时器怎么实现

采用时间戳来做，用户输入时间总的毫秒数减去现在时间总的毫秒数，得到的就是剩余时间的毫秒数。再将剩余时间的总的毫秒数转换为天、时、分、秒（将时间戳转换为时分秒）。原理：输入的时间减去现在的时间就是剩余的时间，即倒计时。注意：不能用时分秒相减，如05分减去25分，结果会是负数。天数：d=parseInt(总秒数/60/60/24);小时：h=parseInt(总秒数/60/60%24);分钟：m=parseInt(总秒数/60%60);秒数：s=parseInt(总秒数%60)；
复制链接

扫一扫