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

Làm cách nào để đặt setInterval () dừng sau một thời gian hoặc sau một số hành động trong JavaScript?

Sử dụng một số điều kiện để dừng lại sau một thời gian.

Đoạn mã dưới đây sẽ dừng sau nửa phút.

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 now = new Date().getTime();
   var interval = setInterval(function () {
      if (new Date().getTime() - now > 30000) {
         clearInterval(interval);
         return;
      }
      console.log("working");
   }, 2000);
</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 cách nào để đặt setInterval () dừng sau một thời gian hoặc sau một số hành động trong JavaScript?