JS小案例--关于时间--限时购

最新推荐文章于 2021-10-28 17:07:02 发布

忽然呀

最新推荐文章于 2021-10-28 17:07:02 发布

阅读量332

点赞数

分类专栏： JS小案例-关于时间文章标签： JS小案例--关于时间--限时购

本文链接：https://blog.csdn.net/javasvince/article/details/88649381

版权

JS小案例-关于时间专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JS小案例–关于时间–限时购

界面显示和功能实现

在这里插入图片描述 功能实现

设置了一个特定的日期和当前时间相差实现折合成天小时分钟秒
使用性：像某宝的商品限时购所以很实用

用到的知识点

为日期对象设置了一个特定的日期

设定形式
var endTime=now Date("2019/06/06 06:06:06")

endTime.getTime() // 实时时间讲了如需有疑问去那看看
Math.floor（） //倒计时讲了如需有疑问去那看看
定时器 // 实时时间讲了如需有疑问去那看看

思路

设置了一个特定的日期和当前时间相差实现折合成天小时分钟秒
使用性：像某宝的商品限时购

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒计时实现</title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			#dv{
				height:50px;
				width:400px;
				border:2px solid salmon;
				margin:100px auto;
				text-align: center;
				line-height:50px;
			}
		</style>
	</head>
	<body>
		<div id="dv"></div>
		<script type="text/javascript">
			var dv=document.getElementById("dv");
			
			function change(a){
				if(a<10)
				  return a="0"+a;
				return a;
			}
			
			setInterval(function(){
				var endTime=new Date("2019/06/06 06:06:06");
			end=endTime.getTime();
			var nowTime=new Date();
			var lastTime=endTime.getTime()-nowTime.getTime();  //获得毫秒差数
			var day=Math.floor(lastTime/(1000*60*60*24));
			var hour=Math.floor(lastTime/(1000*60*60)%24);
			var min=Math.floor(lastTime/(1000*60)%60);
			min=change(min);
			var second=Math.floor(lastTime/1000%60);
			second=change(second);
			var mes="还剩下"+day+"天"+hour+"小时"+min+"分"+second+"秒";
			dv.innerHTML=mes;
			},1000);
			
			
		</script>
	</body>
</html>