JS周期函数setInterval

周期函数setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。
	
		1.JS中内置的Date支持类:可以用来获取事件/日期
			显示网页时钟
				nowdate=nowdate.toLocaleString();	//转换成本地日期格式
				var year=nowTime.getFullYear();		//返回年信息,以全格式返回
				var month=nowTime.getMonth();		//月份是:0-11
				var dayOfWeek=nowTime.getDay();		//获取一周中的第几天(0-6)
				var day=nowTime.getDate();			//获取日信息
				var time=nowTime.getTime();			//获取毫秒数?(从1970年1月1日 00:00:00 000到当前系统时间的总毫秒数)
		2.setInterval()函数:
			v=window.setInterval("displayTime()",1000)	//从这行代码执行结束开始,每隔1000毫秒调用一次displayTIme()函数
														//返回一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值
		3.clearInterval()函数:
			window.clearInterval(v);					//时间停止
			
代码
<!DOCTYPE html>N
<html>
	<head>
		<meta charset="utf-8">
		<title>周期函数setlnterval</title>
	</head>
	<body>
		<script type="text/javascript">
			//获取系统当前时间
			var nowdate=new Date();
			//输出
			//document.write(nowdate);
			//转换成具有本地环境的日期格式
				
			document.write(nowdate);
			document.write("<br>");
			//当以上格式不是自己期望的,可以通过日期获取年月日等信息,自定义日期格式
			var nowTime=new Date();
			var year=nowTime.getFullYear();		//返回年信息,以全格式返回
			var month=nowTime.getMonth();		//月份是:0-11
			var dayOfWeek=nowTime.getDay();		//获取一周中的第几天(0-6)
			var day=nowTime.getDate();			//获取日信息
			document.write(year+"年"+(month+1)+"月"+day+"日")
			document.write("<br>");
			//重点:怎么获取毫秒数?(从1970年1月1日 00:00:00 000到当前系统时间的总毫秒数)
			var time=nowTime.getTime();
			document.write(time);
			document.write("<br>");
		</script>
		<script type="text/javascript">
			function displayTime(){
				var time=new Date();
				var strTime=time.toLocaleString();
				document.getElementById("timeDiv").innerHTML=strTime;
			}
			//每隔1秒调用displayTime()函数
			function start(){
				//从这行代码执行结束开始,每隔1000毫秒调用一次displayTIme()函数
				//返回一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值
				v=window.setInterval("displayTime()",1000)
			}
			function stop(){
				window.clearInterval(v);
			}
		</script>
		<input type="button" value="显示系统时间" onclick="start();"/>
		<input type="button" value="系统时间停止" onclick="stop()">
		<div id="timeDiv"></div>
	</body>
</html>

  

posted @ 2021-11-13 11:17  石乐智先生  阅读(363)  评论(0编辑  收藏  举报