JavaScript计时事件

通过使用 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)；