JS实现输入未来一个日期，显示与当前时间的倒计时效果

最新推荐文章于 2022-09-28 14:23:16 发布

豆仔的小幸运

最新推荐文章于 2022-09-28 14:23:16 发布

阅读量1.4k

点赞数 3

文章标签： JS 日期倒计时

本文链接：https://blog.csdn.net/FLJ1027/article/details/103341388

版权

本文介绍如何使用JavaScript创建一个显示未来特定日期与当前时间之间倒计时的效果。通过new Date()获取当前时间，结合设定的未来日期，计算时间差，并用时间戳确保准确性。此外，还展示了如何为倒计时添加随机颜色以增强视觉效果。

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

主要利用new Date()，获取当前时间，new Date(“2020/1/24”)再使用暴力法直接设置我们需要的时间，用时间戳来准确计算两个时间相差多少毫秒，减少误差。

其实这个也可以实现过去的日子与现在实时日期相差的天数，只需要改动我们需要的时间即可。在这里插入图片描述

代码中还添加了一些随机颜色，让效果看起来炫彩一点，其实也没啥用。。。

<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		#jishi{
			width: 500px;
			height: 500px;
			text-align: center;
			line-height: 500px;
			box-shadow: 0 0 20px #FF0000;
			border-radius: 50%;
		}
		
		
	</style>
</head>
<body>
	<div id="jishi"></div>
</body>
<script>
	var jishi = document.getElementById("jishi");
	var time;    //定义一个定时器的变量名
	// console.log(time);
	time = setInterval(function() {

		var d = new Date(); //获取本地时间
		var hours = d.getHours();
		var mins = d.getMinutes();
		var send = d.get