周期Interval

最新推荐文章于 2022-04-15 16:05:00 发布

紫書

最新推荐文章于 2022-04-15 16:05:00 发布

阅读量277

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/mc17677175934/article/details/102139677

版权

H5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

个人笔记

set(/clear)+Interval(函数,间隔毫秒)

当我把鼠标悬停在时间上，02：16就停止了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Date()</title>
		<script>
			//工具封装
			function pw(a){
				console.log(a); // 控制台打印信息，浏览器中按F12调出
			}
			function id(a){
				return document.getElementById(a);
			}
			//全局加载完后执行的方法
			window.onload=function(){
				//未包含在window.onload=function()的情况下，在每个绑定的事件之后写对应的函数，否者获取不到对象报错
				var box=id('box');
				var Cyc=setInterval(function(){
					var date=new Date();
					box.innerHTML=date.toLocaleString();//事件绑定目标内容填充
				},1000);//周期：每1000毫秒执行一次
				box.onmouseover=function(){
					clearInterval(Cyc);
				}
			}
		</script>
	</head>
	<body>
		<div id="box"></div>
		<font color=red><p>鼠标悬停在显示的时间上，则 周期函数 停止</p></font>
		<font color=blue><p>
			时间函数（var date=new Date(); <br>
			var year=date.getFullYear(), //获取年份 <br>
			month=date.getMonth()+1,//月数区间0~11，偏移位1 <br>
			seven=date.getDay(),//获取当天是星期几 <br>
			day=date.getDate(),//当天几号 <br>
			hour=date.getHours(),//几点 <br>
			minute=date.getMinutes(),//几分 <br>
			sec=date.getSeconds();//几秒 <br>
			dtae.getTime();//时间戳:当前距离1970年的时间差,防止缓存(拿到的是毫秒数)
		</p></font>
	</body>
</html>

紫書

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
周期Interval

个人笔记set(/clear)+Interval(函数,间隔毫秒)当我把鼠标悬停在时间上，02：16就停止了<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Date()</title> <script> ...
复制链接

扫一扫

专栏目录