| Tìm hiểu về Time-out |
 |
 |
 |
|
Time-out là một khoảng thời gian đếm ngược. Nó cho phép bạn thực thi lặp đi lặp lại một công việc nào đó. Time-out là một phần công việc quan trọng và quen thuộc trong việc tạo ra một hay nhiều hiệu ứng đẹp trên website. Trong bài viết này, chúng tôi sẽ hướng dẫn các bạn làm việc với Time-out một cách khá dễ dàng. Cú pháp: setTimeout ( "function or expression", delaytime ); Trong đó: delaytime là khoảng thời gian mà một lệnh, hay một công việc mà Time-out sẽ thực hiện. Đơn vị của delaytime là s (Giây). (1s = 1000). function or expression: Công việc mà Time-out sẽ làm. Bạn có thể đặt vào đó một câu lệnh, hay một hàm.... Ví dụ đơn giản: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Hãy chờ 5 s. <SCRIPT TYPE="text/javascript"> <!-- setTimeout("alert('Chào bạn. Bạn đã ghé thăm http://hotrolaptrinh.com được 5 giây.');",5000); // --> </SCRIPT> Trong đoạn code trên, chúng tôi đặt ra khoảng thời gian cho Time-out là 5 giây (5000). Sau khi load trang được 5 giây thì thông báo "Chào bạn. Bạn đã ghé thăm http://hotrolaptrinh.com được 5 giây." sẽ được thực hiện. Đó là một trong số những công việc đơn giản mà bạn có thể làm được với Time-out. Sử dụng Time-out với function (Hàm). Ngoài việc để cho Time-out "trôi nổi" như ở ví dụ trên. Các bạn có thể ứng dụng nó vào hàm. Ví dụ dưới đây sẽ mô tả cho các bạn một các viết khác với Time-out. Ví dụ: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function check(){ setTimeout("alert('Bạn đã bấm vào nút được 3 giây.');",3000); } </script> <input type="button" VALUE="Click và chờ 3 giây" OnClick="check()"> Trong ví dụ trên, chúng tôi tạo ra một hàm check(), sau đó sẽ có một button gọi hàm chec() đó. Câu lệnh "Bạn đã bấm vào nút được 3 giây." sẽ được thực hiện khi bạn bấm vào button được 3 giây. Time-out không chỉ giới hạn ở đó. Ngoài những ứng dụng trên, bạn có thể ứng dụng Time-out ngay trên thanh Status của trình duyệt. Trong ví dụ này, chúng tôi sẽ hướng dẫn các bạn tạo ra một câu lệnh đơn giản để chạy được trên thanh Status. Ví dụ: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> <!-- x=0 function counter(form) { x+=1; window.status = x ; setTimeout("counter()",1000); } // --> </script> <form> <input type="button" VALUE="Click và nhìn xuống thanh Status" OnClick="counter(this.form)" /> </form> Ví dụ trên, có thể chỉ áp dụng trên IE!. Ở ví dụ trên, một hàm được tạo ra. Trong hàm đó, hàm setTimeout sẽ chịu trách nhiệm gọi lại hàm counter() sau khoảng thời gian là 1 giây. Như vậy, sau mỗi lần gọi, giá trị của biễn X sẽ tăng lên 1 đồng thời, trong thời gian đó giá trị của biến x cũng được gián luôn xuống thanh Status của trình duyệt. Ngoài ứng dụng trên, các bạn có thể ứng dụng vào việc đếm xem khách hàng đã truy cập website của bạn được bao lâu. Để làm được vấn đề này, các bạn chỉ việc đưa sự kiện onLoad() vào Body của website. Ví dụ: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> <!-- x=0 function counter() { x+=1; window.status = x ; setTimeout("counter()",1000); } // --> </script> <BODY onLoad="counter()" > Muốn biết bạn đã truy cập http://hotrolaptrinh.com được bao lâu rồi ư?. Hãy nhìn xuống thanh Status của bạn </BODY> Ví dụ trên, có thể chỉ áp dụng trên IE!. Chúc các bạn thành công!. (Cộng đồng: Hỗ Trợ Lập Trình.)
|
