JS [撞墙] setInterval() 传参数及关闭

https://www.w3schools.com/jsref/met_win_setinterval.asp

1. 关闭:

若不使用关闭,会让网页充满setInterval,每使用一次开一次。
(原因:下了该指令後,直接变成全域window.)
方法:装入变数後取得ID,clearInterval

export function backgroundImg(item) {
  clearInterval(clickSetIntervalId); // 关闭clearInterval
  clickSetIntervalId = setInterval(ChangeBgImg, 1000, item.innerText); //使用
}

2. 传参数:

setInterval传参数不是放在function内

setInterval(ChangeBgImg(item.innerText), 1000); // 错误,收不到item.innerText

是放在setInterval的参数内

setInterval(ChangeBgImg, 1000, item.innerText) // 正确,收值

3. 非同步无需另外import也会执行

当网页下非同步立即会可以使用,无需呼叫xxx();,如ajax、setInterval
当然也可以用监听使其被触发
因此才会引起1. 的问题

4. setTimeout 亦由 window 呼叫


<<:  【额外分享】超深度铁人赛後自我审视

>>:  配置管理(Configuration management)是编排器(orchestrator )管理容器化(containerized)应用程序的最关键推动力

Day21-路由守卫(Navigation Guards)

Navigation Guards有点像是生命周期的概念,变更路由前後时可以先执行一些动作,分别有「...

面对拒绝

前言 昨天探讨了面对变化的态度与重要性,今天再次从自己出发,透过细微的观察来化解问题,进而让团队合作...

Day.24 「你点了按钮~同时也点了网页本身!」 —— JavaScript 事件冒泡(Event bubbling)

我们上一个篇章认识了绑定事件,了解到不管是什麽节点,都可以绑定事件 那为什麽 JavaScript...

Day_09 : 让 Vite 来开启你的Vue 之 Vite 核心 Native ESM

Hi Dai Gei Ho~ 我是Winnie~ 大家中秋节快乐。 这几天在看自己文章的时候发现 V...

Day15 Loops(Ⅱ)

While顾名思义就是,当…,所以当我们假设的条件成立时,就会执行回圈内的东西,否则就执行回圈外的程...