關鍵知識點
- 計時器
- 亂數
解決方法
因為我不希望頁面是一直平滑的滾動,需要亂數去處理
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)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/413360.html
標籤:其他
