如何使用clearinterval取消setinterval?是做一个回到顶部的按钮
答案:2 悬赏:30 手机版
解决时间 2021-11-11 02:32
- 提问者网友:niaiwoma
- 2021-11-10 08:45
如何使用clearinterval取消setinterval?是做一个回到顶部的按钮
最佳答案
- 五星知识达人网友:归鹤鸣
- 2021-11-10 10:04
单纯回到顶部或指定位置用CSS就可以了,没有必要用脚本,在要回到的指定点加id="this",在悬浮着按钮上加回到面部就行了。
全部回答
- 1楼网友:孤老序
- 2021-11-10 10:22
window.onload = function () {
var oBtn = document.getElementById('btn1');
// 定义变量
var interval;
oBtn.onclick = function () {
// 保存setInterval的返回值
interval = setInterval(function () {
var scollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scollTop);
if (scollTop > 0) { // scollTop 大于0的时候向上滚动
var iSpeed = Math.floor(-scollTop / 8);
document.documentElement.scrollTop = document.body.scrollTop = scollTop + iSpeed;
} else { // 否则取消setInterval
clearInterval(interval);
}
}, 30);
};
};
var oBtn = document.getElementById('btn1');
// 定义变量
var interval;
oBtn.onclick = function () {
// 保存setInterval的返回值
interval = setInterval(function () {
var scollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scollTop);
if (scollTop > 0) { // scollTop 大于0的时候向上滚动
var iSpeed = Math.floor(-scollTop / 8);
document.documentElement.scrollTop = document.body.scrollTop = scollTop + iSpeed;
} else { // 否则取消setInterval
clearInterval(interval);
}
}, 30);
};
};
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯