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