JavaScript利用时间戳实现动态倒计时效果（距离2022年高考倒计时）

最新推荐文章于 2024-03-18 14:44:58 发布

一粒程序米

最新推荐文章于 2024-03-18 14:44:58 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_43449246/article/details/118812309

版权

JavaScript 时间戳倒计时 HTML 日期处理

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

在这里插入图片描述
主要难度体现在时间戳转成时间零头

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时</title>
    <style>
	
    </style>
</head>

<body>
	<h1>距离2022年高考倒计时</h1>
	<h2 id="info"></h2>
    <script>
		var info=document.getElementById('info');
		setInterval(function(){
			//现在的日期
			var nd=new Date();
			//目标的日期 0-11
			var td=new Date(2022,5,7);
			//td-nd  时间戳 毫秒差  把diff换算成天，小时，分钟，秒
			var diff=td-nd;
			var day=parseInt(diff/(1000*60*60*24));
			var hour=parseInt(diff%(1000*60*60*24)/(1000*60*60));
			var minutes=parseInt(diff%(1000*60*60)/(1000*60));
			var seconds=parseInt(diff%(1000*60*60)%(1000*60)/1000);
			info.innerText=day+'天'+hour+'小时'+minutes+'分钟'+seconds+'秒';
		},1000)
		
    </script>
</body>

</html>

笔记：

			//td-nd  时间戳 毫秒差  把diff换算成天，小时，分钟，秒
			var diff=td-nd;
			var day=parseInt(diff/(1000*60*60*24));
			var hour=parseInt(diff%(1000*60*60*24)/(1000*60*60));
			var minutes=parseInt(diff%(1000*60*60)/(1000*60));
			var seconds=parseInt(diff%(1000*60*60)%(1000*60)/1000);

一粒程序米

关注

1
点赞
踩
13

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript利用时间戳实现动态倒计时效果（距离2022年高考倒计时）

主要难度体现在时间戳转成时间零头<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <style> </s.
复制链接

扫一扫