Show Định nghĩaPhương thức Đơn vị: 1000 ms = 1 giây Mẹo: Để gọi hàm 1 lần duy nhất sau một số mili giây được chỉ định, hãy sử dụng phương thức Cú pháp
Trong đó:
Ví dụVí dụ 1: Hiển thị thông báo “Hello!” sau mỗi 3 giây (Tải lại trang để kết thúc)
Ví dụ 2: Hiển thị thời gian hiện tại giống như đồng hồ kỹ thuật số
Ví dụ 3: Chuyển đổi giữa hai màu nền cứ sau 300 mili giây một lần
Kết luậnNhư vậy, phương thức Xem thêm:
Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây. Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm. Trong bài này chúng ta tìm hiểu hai hàm Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Hai hàm này có chung một đặc điểm là thiết lập và thực hiện một nhiệm vụ nào đó trong một khoảng thời gian nào đó, số lần thực hiện có thể được lặp đi lặp lại hoặc không. Tuy vậy giữa hai hàm cũng có sự khác nhau về số lần lặp và chi tiết thế nào thì các bạn xem các phần dưới đây. 1. Hàm setTimeout() trong JavascriptHàm Cú pháp:
Bài viết này được đăng tại [free tuts .net] Trong đó:
Ví dụ: Sau 3 giây thì xuất hiện câu chào lên màn hình XEM DEMO setTimeout(function(){ alert("Chào mừng bạn đến với freetuts.net"); }, 3000); Trong ví dụ này mình đã truyền tham số thứ nhất là một function và tham số thứ hai là số giây mà function sẽ được thực hiện. Ngoài ra bạn có thể viết lại như sau cho dễ nhìn: XEM DEMO var do_alert = function(){ alert("Chào mừng bạn đến với freetuts.net"); }; setTimeout(do_alert, 3000); Hàm clearTimeout() trong JavascriptGiả sử bạn xây dựng chức năng sau 3 giây thì sẽ xuất hiện thông báo, tuy nhiên sau 2 giây chương trình muốn hủy bỏ thì phải làm thế nào? Lúc này bạn phải sử dụng hàm
Tham số truyền vào hàm // hành động var action = setTimeout(function(){ // something }, 3000); // hủy hành động clearTimeout(action); Ví dụ: XEM DEMO <script language="javascript"> var do_alert = setTimeout(function(){ alert("Chào mừng bạn đến với freetuts.net"); }, 3000); function clearAlert() { clearTimeout(do_alert); } </script> <input type="button" onclick="clearAlert()" value="Clear" /> 2. Hàm setInterval() trong JavascriptHàm Ví dụ: Cứ sau 3 giây thì xuất hiện câu chào một lần XEM DEMO setInterval(function(){ alert("Chào mừng bạn đến với freetuts.net"); }, 3000); Trong ví dụ này cứ sau ba giây thì sẽ xuất hiện câu chào và số lần thực hiện sẽ là vĩnh viễn, không tin bạn cứ chạy trang web lên và để vậy. hàm clearInterval() trong JavascriptTương tự như hàm Ví dụ: Sử dụng hàm XEM DEMO var interval_obj = setInterval(function(){ alert("Chào mừng bạn đến với freetuts.net"); clearInterval(interval_obj); }, 3000); Trong ví dụ này nội dung thực hiện là xuất hiện câu chào và ngay lập tức xóa nhiệm vụ của interval luôn nên nó chỉ thực hiện 1 lần. 3. Lời kếtNhư vậy sự khác nhau giữa hàm Bài này mình sẽ dừng ở đây, hy vọng qua các ví dụ bạn sẽ hiểu được cách sử dụng hàm |