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

Làm cách nào để kích hoạt một hàm khi đến một thời điểm cụ thể trong JavaScript?

Đối với điều này, trích xuất thời gian của ngày giờ cụ thể và gọi hàm bằng setTimeout (). Mã như sau -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
<style>
</style>
</head>
<body>
<script>
   function timeToAlert() {
      alert("The time is 9:36 AM");
   }
   var timeIsBeing936 = new Date("08/09/2020 09:36:00 AM").getTime()
   , currentTime = new Date().getTime()
   , subtractMilliSecondsValue = timeIsBeing936 - currentTime;
   setTimeout(timeToAlert, subtractMilliSecondsValue);
</script>
</body>
</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 để kích hoạt một hàm khi đến một thời điểm cụ thể trong JavaScript?