基于某个时间点的计时器

最新推荐文章于 2021-06-22 15:17:42 发布

enter键上的妹妹

最新推荐文章于 2021-06-22 15:17:42 发布

阅读量777

点赞数

分类专栏：笔记文章标签： javascript html

本文链接：https://blog.csdn.net/m0_47883103/article/details/106225039

版权

笔记专栏收录该内容

38 篇文章 1 订阅

订阅专栏

明天就是5.20了,手把手教大家讨女孩子欢心

第一步:完事儿从头起,先写一个script标签

<script>

</script>

写一个名为fn的函数

<script>
	function fn() {
	
	}
</script>

设置一个过去的时间,命名为ago,可以是你和女孩子在一起的纪念日哦

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
	}
</script>

在获取现在的时间,命名为now

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
	}
</script>

我们知道js中时间的数据类型为number,我们直接用现在的时间now减去咱们设置的时间ago,获取差值,这个差值命名为walkTime

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
	}
</script>

差值walkTime的单位是毫秒,咱们先把毫秒转换为秒

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
	}
</script>>

在通过咱们获取的秒数转化为天数,一天有86400秒

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
		var day = parseInt(seconds / 86400);
	}
</script>>

通过秒数获取小时数

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
		var day = parseInt(seconds / 86400);
		var hour = parseInt(seconds/3600)-24*day;
	}
</script>>

通过秒数获取分钟数

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
		var day = parseInt(seconds / 86400);
		var hour = parseInt(seconds/3600)-24*day;
		var minute = parseInt(seconds%3600/60);
	}
</script>>

刚才咱们获得秒数是浮点数,现在咱们来获取秒数的整数型

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
		var day = parseInt(seconds / 86400);
		var hour = parseInt(seconds/3600)-24*day;
		var minute = parseInt(seconds%3600/60);
		var sec= parseInt(seconds%60);
	}
</script>>

最后把咱们获取的时间通过组合的方式输出在页面上

<script>
	function fn() {
		var ago = new Date("2000-1-1 20:0:0");
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000);
		var day = parseInt(seconds / 86400);
		var hour = parseInt(seconds/3600)-24*day;
		var minute = parseInt(seconds%3600/60);
		var sec= parseInt(seconds%60);
		document.body.innerHTML = day + "天" + hour + "小时" + minute + "分钟" + sec + "秒";
	}
</script>>

唔~小时,分钟,秒这三个数有时候是一位,有时候是两位,咱们来写个函数让他统一一下,用这个方法包着咱们的时分秒

function two(obj) {
			return obj > 10 ? obj : "0" + obj;
		}

咱们还可以让这个时间变成动态显示的时间,也很简单,咱们来写一个计时器

setInterval(fn,1000);

最后把咱们写的代码组装起来,快拿去感动女孩子吧


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script>
		function fn() {
		var ago = new Date("2016-9-23 20:0:0");		
		var now = new Date();
		var walkTime = now - ago;
		
		var seconds = (walkTime / 1000); 			
		var day = parseInt(seconds / 86400);		
		var hour = parseInt(seconds/3600)-24*day; 	
		var minute = parseInt(seconds%3600/60);		
		var sec= parseInt(seconds%60);				
		
		document.body.innerHTML = day + "天" + two(hour) + "小时" + two(minute) + "分钟" + two(sec) + "秒";
		}
		function two(obj) {
			return obj > 10 ? obj : "0" + obj;
		}
		
		fn()
		setInterval(fn,1000);
	</script>
</html>

enter键上的妹妹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基于某个时间点的计时器

明天就是5.20了,手把手教大家讨女孩子欢心第一步:完事儿从头起,先写一个script标签<script></script>写一个名为fn的函数<script> function fn() { }</script>设置一个过去的时间,命名为ago,可以是你和女孩子在一起的纪念日哦<script> function fn() { new ago = new Date("2000-1-1 20:0:0"); }&
复制链接

扫一扫