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>