setTimeout(function, time)方法可延迟指定的毫秒数后,再执行一次指定的代码。该方法也有两个参数,第一个参数为函数,指定要调用的函数或代码串,第二个参数指定在执行代码前需要等待多少毫秒。
1 function show(){ 2 alert(1); 3 } setInterval(show,1000); setTimeout(show,1000);
<p></p> 3 <script> 4 function clock(){ 5 var d = new Date(); 6 var time=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds() ; 7 var oP=document.getElementById("demo").innerHTML=time; 8 } 9 setInterval(clock,1000); 10 </script>
<input type="text" > 3 <script> 4 var num=0; 5 function start() { 6 document.getElementById('demo').value=num; 7 num += 1; 8 setTimeout(start,1000); 9 } 10 setTimeout(start,1000); 11 </script>
可以开启定时器,也就可以关闭定时器。两种类型对应着两种方法。
(1)、clearInterval
clearInterval() 方法可关闭由 setInterval() 方法执行的函数代码。使用该方法关闭定时器时,在创建间隔定时器时必须使用全局变量。
<input type="text" > 3 <input type="button" value="停止" > 4 <input type="button" value="开始" > 5 <script> 6 var time=null; 7 function start(){ 8 time = setInterval(function (){ 9 var d = new Date(); 10 var t=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds(); 11 var oTxT=document.getElementById("txt1").value=t; 12 },1000); 13 }; 14 start(); 15 function stop(){ 16 clearInterval(time); 17 } 18 </script>
(2)、clearTimeout
clearTimeout() 方法用于停止执行由setTimeout() 方法执行的函数代码。使用该方法时关闭定时器时,在创建延迟定时器时必须使用全局变量。
<input type="text" > 3 <input type="button" value="停止" > 4 <input type="button" value="开始" > 5 <script> 6 var num=0; 7 var time=null; 8 function start(){ 9 var oTxt=document.getElementById('txt1').value=num; 10 num += 1; 11 time=setTimeout('start()',1000); 12 } 13 start(); 14 function stop(){ 15 clearTimeout(time); 16 } 17 </script>
4、Event 对象。
Event 对象代表事件的状态,用于获取事件的详细信息,如鼠标按钮、鼠标位置、键盘按键。事件通常与函数一起使用,函数不会在事件发生前被执行。
(1)、获取鼠标坐标
screenX和screenY返回鼠标相对于屏幕的水平坐标和垂直坐标。参照点为屏幕的左上角。
clientX和clientY返回鼠标相对于当前窗口可视区的水平坐标和垂直坐标。参照点为浏览器页面的左上角。
1 document.onclick=function (){ alert(event.clientX + ',' + event.clientY); alert(event.screenX + ',' + event.screenY); 6 }
(2)、获取鼠标按钮
button事件属性用于获取鼠标哪个按钮被点击了。返回一个整数,0代表左键,2代表右键。
document.onmousedown=function (){ 3 alert(event.button); 4 }
(3)、获取键盘按键
keyCode事件属性用于获取按下了键盘的哪个键,返回键码,表示键盘上真实键的数字。
document.onkeydown=function (){ 3 alert(event.keyCode); 4 };
键盘按键的ctrlKey、shiftKey和altKey快捷属性,可判断是否按下了该键,返回一个布尔值,指示在事件发生时,改键是否被按下。1表示被按下,0表示没有按下。