JS学习笔记（一）

最新推荐文章于 2021-12-27 20:45:37 发布

「已注销」

最新推荐文章于 2021-12-27 20:45:37 发布

阅读量2.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/bang_2018/article/details/84677378

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript学习笔记一

事件：

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

主要事件表：

计时器：

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

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>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习笔记（一）

JavaScript学习笔记一事件：JS创建动态页面，事件是一种可以被侦测到的行为，网页中的每一元素都可以产生某些可以触发JS函数或程序的事件，例如，当用户单击按钮或者提交表单数据时，就会发生一个onclick事件，浏览器作出处理，返回用户一个结果。主要事件表：计时器：一次性计时器（仅在指定的延迟时间后触发一次）：setTimeout()&amp;clearTimeo...
复制链接

扫一扫