js实现商城活动距离指定时间倒计时功能

听听那晚风

于 2020-12-01 18:03:15 发布

阅读量467

点赞数 1

分类专栏：原生JS 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/GongWei_/article/details/110442616

版权

原生JS 专栏收录该内容

19 篇文章

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<span></span>
	</body>
	<script>
		var sp = document.getElementsByTagName("span")[0]
		setInterval(function() {
			//			获取当前本地时间
			var dqsj = new Date()
			//			获取结束时间
			var jssj = new Date('2020/12/3 16:00:00')
			var sysj = jssj - dqsj
			//		console.log(sysj)
			//			获取剩余天数
			var tian = parseInt(sysj / 1000 / 60 / 60 / 24)
			//		console.log(tian)
			//			获取剩余小时
			var shi = parseInt(sysj / 1000 / 60 / 60 % 24)
			//		console.log(shi)
			//			获取剩余分钟
			var fen = parseInt(sysj / 1000 / 60 % 60)
			//		console.log(fen)
			//			获取剩余秒数
			var miao = parseInt(sysj / 1000 % 60)
			console.log(miao)
			sp.innerHTML = "距离12月12日下午4点还有" + tian + "天" + shi + "小时" + fen + "分钟" + miao + "秒"
		}, 1000)
	</script>
</html>