Bộ hẹn giờ là một khía cạnh quan trọng của bất kỳ ngôn ngữ lập trình nào. Như chúng ta biết thời gian là tiền bạc. Vì vậy, trong bài viết này, chúng ta sẽ xem cách triển khai và làm việc với Timers trong JavaScript:
- Làm việc với Bộ hẹn giờ trong JavaScript
- Phương thức Window setTimeout ()
- Mã: Bộ hẹn giờ trong JavaScript
Làm việc với Bộ hẹn giờ trong JavaScript
Bộ đếm thời gian là một chức năng cho phép chúng ta thực hiện một chức năng tại một thời điểm cụ thể.Sử dụng bộ hẹn giờ, bạn có thể trì hoãn việc thực thi mã để nó không được thực hiện vào đúng thời điểm một sự kiện được kích hoạt hoặc trang được tải. Ví dụ: bạn có thể sử dụng bộ hẹn giờ để thay đổi các biểu ngữ quảng cáo trên trang web của mình theo định kỳ hoặc hiển thị đồng hồ thời gian thực, v.v.
Có một chức năng hẹn giờ trong JavaScript:setTimeout ()
Phần sau sẽ hướng dẫn bạn cách tạo bộ hẹn giờ để làm trễ mãcũng như cách thực hiện lặp lại một hoặc nhiều hành động bằng cách sử dụng hàm theis trong JavaScript.
Phương thức Window setTimeout ()
Định nghĩa và Cách sử dụng:
Phương thức setTimeout () gọi một hàm hoặc đánh giá một biểu thức sau một số mili giây được chỉ định.
TIỀN BOA:
- 1000 ms = 1 giây.
- Hàm chỉ được thực hiện một lần. Nếu bạn cần lặp lại thực thi, hãy sử dụng
setInterval ()
phương pháp. - Sử dụng
clearTimeout ()
phương pháp để ngăn chức năng chạy.
Hàm này chấp nhận hai tham số: a chức năng , là hàm để thực thi và một tùy chọn sự chậm trễ tham số, là số mili giây đại diện cho lượng thời gian chờ trước khi thực thi hàm (1 giây = 1000 mili giây).
Giá trị trả lại: Nó trả về một số đại diện cho giá trị ID của bộ hẹn giờ được đặt.
Mã: Bộ hẹn giờ trong JavaScript
Đây là mã cho Bộ hẹn giờ trong JavaScript đặt bộ đếm thời gian 2 phút và khi hết thời gian, Trang sẽ cảnh báo “hết thời gian”. CácsetTimeout ()
phương thức gọi một hàm hoặc đánh giá một biểu thức sau một số mili giây được chỉ định.
// đặt phút
var mins = 2
// tính giây
var secs = phút * 60
// hàm đếm ngược được kích hoạt khi trang được tải
hàm đếm ngược () {
setTimeout ('Decrement ()', 60)
}
// Hàm giảm giá trị.
function Decrement () {
if (document.getElementById) {
phút = document.getElementById ('phút')
seconds = document.getElementById ('seconds')
java c ++ python
// nếu còn dưới một phút
// Chỉ hiển thị giá trị giây.
nếu (giây<59) {
seconds.value = giây
sử dụng trình lặp trong java
}
// Hiển thị cả phút và giây
// getminutes và geteconds được sử dụng để
// lấy phút và giây
khác {
phút.value = getminutes ()
seconds.value = geteconds ()
}
// khi còn chưa đầy một phút
// màu của phút và giây
// chuyển sang màu đỏ
nếu (phút<1) {
phút.style.color = 'đỏ'
seconds.style.color = 'red'
}
// nếu giây trở thành 0,
// hết thời gian cảnh báo trang
nếu (phút<0) {
alert ('hết giờ')
phút.value = 0
seconds.value = 0
}
// nếu giây> 0 thì giây giảm dần
khác {
khô--
setTimeout ('Decrement ()', 1000)
}
}
}
hàm getminutes () {
// phút là giây chia cho 60, làm tròn xuống
mins = Math.floor (giây / 60)
quay lại phút
}
hàm geteconds () {
// mất vài phút còn lại (tính bằng giây)
// từ tổng số giây còn lại
trả về giây - Math.round (phút * 60)
}
Thời gian còn lại ::
:
c ++ java python
Khi còn chưa đầy một phút, màu hẹn giờ sẽ chuyển sang màu đỏ.
Với điều này, chúng ta sẽ kết thúc bài viết Bộ đếm thời gian trong JavaScript này. C heck out của Edureka, một công ty học trực tuyến đáng tin cậy với mạng lưới hơn 250.000 người học hài lòng trải dài trên toàn cầu.
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của Dependency Injection trong AngularJs này và chúng tôi sẽ liên hệ lại với bạn.