setInterval()和setTimeout()引出的self/top/parent

最新推荐文章于 2023-02-17 11:12:44 发布

顾九七

最新推荐文章于 2023-02-17 11:12:44 发布

阅读量187

点赞数

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_44681872/article/details/108476294

版权

js 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

水深得很，杂乱的很

学习过程中，遇到了setInterval()和setTimeout(),进而去查两者的分别：
1.setTimeout()   超时调用
有两个参数，第一个就是要执行的代码，建议是函数，第二个就是以毫秒为单位的时间，表示在指定时间后执行代码，只会被调用一次。
借用w3school中的代码如下：

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>

<body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be
displayed after 5 seconds.</p>
</body>

</html>

2.setInterval()    间歇调用
有两个参数，第一个就是要执行的代码，建议是函数，第二个就是以毫秒为单位的时间，这个函数只要在没被清除或者窗口没被关闭时，会一直调用，以指定时间间隔来执行代码。在使用这个函数时，取消是很重要的，用clearInterval().setInterval()执行时会返回一个Id值，这个值可作为clearInterval()的参数。
借用w3school中的代码如下：

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
<button onclick="int=window.clearInterval(int)">Stop interval</button>

</body>
</html>

引出的self、top、parent

1.parent    即父窗口
2.top       即最顶层的窗口
3.self      即当前窗口，与window等价

self 和this 的区别

self在一般情况下都是指window，而this在什么里面使用就指什么，在一个对象中使用，就指对象，在全局对象中，即window

顾九七

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setInterval()和setTimeout()引出的self/top/parent

水深得很，杂乱的很学习过程中，遇到了setInterval()和setTimeout(),进而去查两者的分别：1.setTimeout() 超时调用有两个参数，第一个就是要执行的代码，建议是函数，第二个就是以毫秒为单位的时间，表示在指定时间后执行代码，只会被调用一次。借用w3school中的代码如下：<html><head><script type="text/javascript">function timedMsg(){var t=setTi
复制链接

扫一扫

专栏目录