页面窗口变化时清除定时器重新启动定时器
时间: 2023-07-06 10:05:44 浏览: 91
当页面窗口大小变化时,可以通过以下步骤清除定时器并重新启动定时器:
1. 定义一个全局变量来保存定时器的ID,例如:
```javascript
var timerId;
```
2. 在页面加载时启动定时器,并将其ID保存到全局变量中,例如:
```javascript
timerId = setInterval(function() {
// 定时器回调函数
}, 1000);
```
3. 在窗口大小变化时清除定时器,并重新启动定时器,例如:
```javascript
window.onresize = function() {
clearInterval(timerId); // 清除定时器
timerId = setInterval(function() {
// 定时器回调函数
}, 1000); // 重新启动定时器
};
```
这样,当页面窗口大小变化时,定时器会被清除并重新启动,以适应窗口的新大小。
阅读全文