倒计时案例

最新推荐文章于 2024-04-23 21:46:50 发布

asnone0

最新推荐文章于 2024-04-23 21:46:50 发布

阅读量156

点赞数

分类专栏：书本文章标签： html javascript css

本文链接：https://blog.csdn.net/qq_53912756/article/details/127967352

版权

书本专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1，核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数。
2，用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。
3，把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒）
转换公式如下：
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">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <script type="text/javascript">
    	function countDowm(time){
    		var nowTime = +new Date();//返回的是当前时间总的毫秒数
    		var inputTime = +new Date(time);//返回的是用户输入时间总的毫秒数
    		var times = (inputTime - nowTime) / 1000;//times是剩余时间总的秒数
    		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(countDowm('2022-11-21 18:00:00'));
    	

    </script>
</body>
</html>

asnone0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
倒计时案例

1，核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数。2，用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。3，把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒）d = parseint(总秒数/60/60/24);h = parseint(总秒数/60/60%24);m = parseint(总秒数/60%60);s = parseint(总秒数%60);
复制链接

扫一扫