<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type = "text/javascript">
displayTime = function(){
var time = new Date();
document.getElementById("timeDiv").innerHTML = time.toLocaleString();
}
start = function(){
v = window.setInterval("displayTime()", 1000);
}
stop = function(){
window.clearInterval(v);
}
</script>
<input type = "button" value = "显示系统时间" id = "button1" onclick = "start()"/>
<input type = "button" value = "停止显示系统时间" id = "button2" onclick = "stop()"/>
<div id = "timeDiv"></div>
</body>
</html>
创建日期对象
- new Date()
- new Date(year, month, day, hours, minutes, seconds, milliseconds)
- new Date(milliseconds)
- new Date(date string)
第一个 用于当前日期和时间创建新的日期对象
第二个,第三个,用指定日期和时间创建新的日期对象。
第四个,从日期字符串创建一个新的日期对象。
补充:toDateString() 方法将日期转换为更易读的格式
日期获取办法
日期设置方法
Timing 事件
概述:Timing事件,就是可以在时间间隔内执行JavaScript。
setTimeout(function, milliseconds)
在等待指定的毫秒数后执行函数。
setInterval(function, milliseconds)
等同于 setTimeout(),但持续重复执行该函数。
以上两个函数都属于 HTML DOM Window 对象的方法。
如何停止:
clearTimeout() 方法停止执行 setTimeout() 中规定的函数。
window.clearTimeout(timeoutVariable)
clearTimeout() 使用从 setTimeout() 返回的变量:
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
clearInterval()方法类似。