JS学习笔记（一）

JavaScript学习笔记一

事件：

JS创建动态页面，事件是一种可以被侦测到的行为，网页中的每一元素都可以产生某些可以触发JS函数或程序的事件，例如，当用户单击按钮或者提交表单数据时，就会发生一个onclick事件，浏览器作出处理，返回用户一个结果。

主要事件表：

JS学习笔记（一）

计时器：

一次性计时器（仅在指定的延迟时间后触发一次）：setTimeout()&clearTimeout()
间隔性触发计时器（每隔一段时间间隔就触发一次）：setInterval()&clearInterval()

JS学习笔记（一）

setTimeout()&clearTimeout() 在载入后延迟指定时间后，去执行一次表达式，仅执行一次。创建一个无限循环的计时器，可以编写函数调用自身函数实现

setInterval()&clearInterval() 从载入页面后每隔指定的时间执行代码

语法：setInterval(代码,交互时间);

代码：要调用的函数或要执行的代码串；
交互时间：周期性执行或调用表达式的时间间隔，以毫秒为单位

返回值：一个可以传递给clearInterval()从而取消对“代码”的周期性执行的值

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法：clearInterval(id_of_setInterval)

参数说明：id_of_setInterval：由 setInterval() 返回的 ID 值。

example:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
   function clock(){
      var time=new Date();               	  
      document.getElementById("clock").value = time;
   }
    var i=setInterval("clock()",100); 
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop"  
    onclick="clearInterval(i)" />
  </form>
</body>
</html>