JSON

JavaScript学习总结【4】、JS深入(4)

字号+ 作者:H5之家 来源:H5之家 2015-11-23 16:22 我要评论( )

setTimeout(function, time)方法可延迟指定的毫秒数后,再执行一次指定的代码。该方法也有两个参数,第一个参数为函数,指定要调用的函数或代码串,第二个参数指定在执行代码前需要等待多少毫秒。 1 function show(

  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表示没有按下。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  •  JSON入门级学习总结-JSON数据结构

    JSON入门级学习总结-JSON数据结构

    2016-02-25 11:05

  • JavaScript转换与解析JSON方法实例详解第1/2页

    JavaScript转换与解析JSON方法实例详解第1/2页

    2016-02-10 21:25

  • ASP.NET Web API 2 返回 Json格式

    ASP.NET Web API 2 返回 Json格式

    2016-02-10 17:18

  • 未来编程的9大猜想:JavaScript不必亲自编写

    未来编程的9大猜想:JavaScript不必亲自编写

    2016-01-30 13:01

网友点评
-