zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    第10组 Alpha冲刺 (4/6)(组长)
    Android菜鸟成长记10 ListVew
    Android菜鸟成长记3activity类
    Android菜鸟成长记2内部类
    Android菜鸟成长记7 Android的五大布局
    Android菜鸟成长记4button点击事件
    Android菜鸟成长记8 布局实践(微信界面的编写)
    Android菜鸟成长记9 selector的用法
    Android菜鸟成长记6 网络连接的检查
    Android菜鸟成长记5ADB和sqllite
  • 原文地址:https://www.cnblogs.com/-slz-2/p/15547553.html
Copyright © 2011-2022 走看看