JS周期函数setInterval

摘要:
周期函数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>

  

免责声明:文章转载自《JS周期函数setInterval》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇verilog之预编译shell命令--sudo下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端经典面试题解密:JS的new关键字都干了什么?

前言 new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象,是万万不能够的。更深入的层级发生了什么呢?同时面试官想从这道题里面考察什么呢?下面胡哥为各位小伙伴一一来解密。 一、new关键字 new关键字的作用:通过new关键字实例化构造函数,获取对象。说一千道一万,不如来段代码看...

JS获取当前时间

用JS获取当前时间,并且对此时间进行分解和重组,以不同的形式返回,代码如下所示: function GetCurrentTime(flag) {var currentTime = "";var myDate = new Date();var year = myDate.getFullYear();var month = parseInt(myDate.ge...

JS Guid生成

function numToGuid(uid) { var str = "aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa"; var l =uid.toString(); return str.substr(0, str.length - l.length) +uid; }); 这是就简单模拟 gu...

Vue或JS的浮点型乘除法无法精确计算

最近做购物车时,遇到了浮点型乘除法无法精确计算,涉及到产品价格的计算,经常会出现JS浮点数精度问题,这个问题,对于财务管理系统的开发者来说,是个非常严重的问题(涉及到钱相关的问题都是严重的问题),这里把相关的原因和问题的解决方案整理一下,也希望给各位提供一些参考。 一. 常见例子   // 加法 0.1 + 0.2 = 0.3000000000000000...

JS读取粘贴板内容

1.1 监听onpaste事件 1.1.1 定义和用法 npaste 事件在用户向元素中粘贴文本时触发。 注意:虽然使用的 HTML 元素都支持 onpaste 事件,但实际上并非支持所有元素,例如 <p> 元素, 除非设置了 contenteditable 为 "true" (查看下文的更多实例)。 提示:onpaste 事件通常用于 typ...

三种Js深度学习框架介绍

谈到机器学习,我们脑海首先蹦出的编程语言是什么?一定是python。其实除了python,JavaScript也是不错的选择。都说现在是大前端时代,从移动开发、服务器端,甚至桌面软件开发(比如大名鼎鼎的VS Code),都有JavaScript的身影。   用Javascript写机器学习应用,当然不会从头开始手写机器学习算法和模型,通常会借助现有框架。我...