JS实现页面的自动滚动

关键知识点

• 计时器
• 随机数

解决方法

因为我不希望页面是一直平滑的滚动，需要随机数去处理

setInterval(()=>{
    
    
    var  time = Math.random()*1000 + 5000
    var currentTop = document.body.scrollTop;
    window.scroll(0 ,++currentTop)
},time)

代码解释

首先设置一个定时器，每隔time时间执行里面的函数

Math.random会生成0-1的随机数，乘上1000后，就是[0,1000]的随机数

加上5000后范围变成了[5000,6000]

也就是每隔5000ms（5秒）到6000ms（6秒）执行一次滚动函数

函数内，获取当前的内容的顶部到可视窗口的值（当前的高度）

然后再调用scroll函数移动宽度，每次移动当前高度+1）

Element.scrollTop - Web API 接口参考 | MDN (mozilla.org)

Window.scroll() - Web API 接口参考 | MDN (mozilla.org)