js必做倒计时案例

最新推荐文章于 2024-07-31 16:33:32 发布

别喝我的旺仔牛奶

最新推荐文章于 2024-07-31 16:33:32 发布

阅读量203

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_63502124/article/details/127462236

版权

本文将详细讲解如何使用JavaScript实现一个倒计时功能，包括时间格式化、定时器使用和DOM操作等关键步骤，适合初级到中级JavaScript开发者学习。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒计时</title>
		<script>
			/*		思路: 
					1.用户输入时间 - 现在时间  =  剩余时间
					2.用时间戳 用户输入时间的总毫秒数   -   现在时间的总毫秒数   =  剩余时间的毫秒数
					3.把剩余时间总毫秒数  转换成  天时分秒
					4.公式 : 
						day = parseInt(总秒数/60/60/24);   转换成    天
						hours = parseInt(总秒数/60/60%24);  转换成   小时
						minutes = parseInt(总秒数/60%60);   转换成   分钟
						second = parseInt(总秒数%60);       转换成   秒         */

			function countDown(time) {
				var nowTime = +new Date(); //返回当前时间的总毫秒数
				var inputTime = new Date(time); //返回的是用户输入的总毫秒数
				var times = (inpu