Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để dừng vòng lặp cho JavaScript cuộn xuống?

Để dừng vòng lặp, hãy sử dụng clearInterval () trong JavaScript.

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<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>
</html>

Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Làm thế nào để dừng vòng lặp cho JavaScript cuộn xuống?