通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件
Data对象
var 日期对象=new Data(参数)
方法 | 说明 |
---|---|
getDate() | 返回 Date 对象的一个月中的每一天,其值介于1 ~31 |
getDay() | 返回 Date 对象的星期中的每一天,其值介于0 ~6 之间 |
getHours() | 返回 Date 对象的小时数,其值介于0 ~23 之间 |
getMinutes() | 返回 Date 对象的分钟数,其值介于0 ~59 |
getSeconds() | 返回 Date 对象的秒数,其值介于0 ~59 |
getMonth() | 返回 Date 对象的月份,其值介于0 ~11 之间 |
getFullYear() | 返回 Date 对象的年份,其值为4 |
getTime() | 返回自某一时刻(1970 年1 月1 日)以来的毫秒数 |
定时函数
setTimeout()
setTimeout("调用的函数",等待的毫秒数)
var myTime=setTimeout("disptime() ", 3000 );
//3秒之后执行函数disption
例题:3秒后说一次hello
script>
setTimeout("f()",3000);
function f() {
alert("hello")
}
</script>
setInterval()
setInterval("调用的函数",间隔的毫秒数)
var myTime=setInterval("disptime() ", 3000 );
//每隔3秒执行函数disptime()一次
例题1:显示现在一个时间的走动
<script>
setInterval("distime()",1000)
function distime() {
var time=new Date();
var hh = time.getHours();//获得时
var mm = time.getMinutes();//获得分
var ss = time.getSeconds();//获得秒
document.getElementById("id").innerHTML="现在的时间是"+hh+":"+mm+":"+ss;
}
</script>
<div id="id"></div>
例题2:每隔3秒说一次hello
<script>
setInterval("f()",3000);
function f() {
alert("hello")
}
</script>
清除函数
clearTimeout()
clearTimeout(setTimeOut()返回的ID值)
clearInterval()
clearInterval(setInterval()返回的ID值)
例题:时间的开始与停止
<script>
var starttime;
function time() {
var time=new Date();
var hh = time.getHours();
var mm = time.getMinutes();
var ss = time.getSeconds();
document.getElementById("id").innerHTML="现在的时间:"+hh+":"+mm+":"+ss;
}
function start() {
starttime=setInterval("time()",1000);
}
function stop() {
clearInterval(starttime)
}
</script>
<div id="id"></div>
<input type="button" value="开始" onclick="start()">
<input type="button" value="停止" onclick="stop()">
var myTime=setInterval("disptime() ", 1000 );
clearInterval(myTime);