การหยุดลูปสำหรับการ scroll ลงใน JavaScript

คำอธิบาย

ใช้ clearInterval() เพื่อหยุดการ scroll อัตโนมัติเมื่อถึงเงื่อนไข

ตัวอย่างโค้ด

<script>
var start = 0;
var limit = 200;
var scroll = setInterval(() => this.startScrollDown(), 20);

function startScrollDown() {
  window.scrollBy(0, 1000);
  console.log(start);
  if (start == limit) clearInterval(scroll);
  start++;
}
</script>

ผลลัพธ์

Scroll ลง 1000px ทุก 20ms จนกว่าจะถึง limit 200 ครั้ง แล้วหยุด