Thứ Tư, 12 tháng 2, 2014
JavaScript Timing Events
1
2
3
4
5
6
7
8
9
10
11
12
|
JavaScript có thể được thực hiện trong các khoảng thời gian.
Này được gọi là thời gian sự kiện.
|
JavaScript Thời gian Sự kiện
Với JavaScript, nó có thể thực hiện một số mã ở thời gian khoảng thời gian xác định. Này được gọi là thời gian sự kiện.
Nó rất dễ dàng với các sự kiện thời gian trong JavaScript. Hai phương pháp chính được sử dụng là:
- setInterval () - thực hiện một chức năng, hơn và hơn nữa, khoảng thời gian quy định
- setTimeout () - thực hiện một chức năng, một lần, sau khi chờ đợi một số quy định của mili giây
Lưu ý: Các setInterval () và setTimeout () là cả hai phương pháp của đối tượng HTML DOM của Windows.
SetInterval () Phương pháp
Phương pháp setInterval () sẽ chờ đợi một số quy định của mili giây, và sau đó thực hiện một chức năng nhất định, và nó sẽ tiếp tục thực hiện các chức năng, một lần tại mỗi-khoảng thời gian nhất định.
Cú pháp
window.setInterval("javascript function",milliseconds);
Các window.setInterval () phương pháp có thể được viết không có tiền tố cửa sổ.
Tham số đầu tiên của setInterval () phải là một chức năng.
Tham số thứ hai chỉ ra độ dài của thời gian khoảng thời gian giữa mỗi lần thực hiện.
Lưu ý: Có 1.000 mili giây trong một giây.
Ví dụ
Cảnh báo "hello" mỗi 3 giây:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to wait 3 seconds, then alert "Hello".</p>
<p>After clicking away the alert box, an new alert box will appear in 3 seconds. This goes on forever...</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
setInterval(function(){alert("Hello")},3000);
}
</script>
</body>
</html>
Thử nó cho mình »
Ví dụ chỉ cho bạn cách setInterval () phương pháp hoạt động, nhưng nó không phải là rất có thể bạn muốn cảnh báo một tin nhắn mỗi 3 giây.
Dưới đây là một ví dụ mà sẽ hiển thị thời gian hiện tại. Phương pháp setInterval () được sử dụng để thực hiện chức năng một lần mỗi 1 giây, giống như một chiếc đồng hồ kỹ thuật số.
Ví dụ
Hiển thị thời gian hiện tại:
<!DOCTYPE html>
<html>
<body>
<p>A script on this page starts this clock:</p>
<p id="demo"></p>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
</script>
</body>
</html>
Thử nó cho mình »
Làm thế nào để ngăn chặn các Thực hiện?
Phương pháp clearInterval () được sử dụng để ngăn chặn hành thêm các chức năng quy định trong setInterval (phương pháp).
Cú pháp
window.clearInterval(intervalVariable)
Các window.clearInterval () phương pháp có thể được viết không có tiền tố cửa sổ.
Để có thể sử dụng phương pháp () clearInterval, bạn phải sử dụng một biến toàn cầu khi tạo phương pháp khoảng thời gian:
myVar=setInterval("javascript function",milliseconds);
Sau đó, bạn sẽ có thể để ngăn chặn sự thực thi bằng cách gọi clearInterval () phương pháp.
Ví dụ
Cùng ví dụ như trên, nhưng chúng tôi đã thêm một nút "Stop thời gian":
<p id="demo"></p>
<button onclick="myStopFunction()">Stop time</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction()
{
clearInterval(myVar);
}
</script>
<button onclick="myStopFunction()">Stop time</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction()
{
clearInterval(myVar);
}
</script>
Thử nó cho mình »
SetTimeout () Phương pháp
Cú pháp
window.setTimeout("javascript function",milliseconds);
Các window.setTimeout () phương pháp có thể được viết không có tiền tố cửa sổ.
Phương pháp setTimeout () sẽ chờ đợi số quy định của mili giây, và sau đó thực hiện các chức năng quy định.
Tham số đầu tiên của setTimeout () phải là một chức năng.
Tham số thứ hai chỉ ra bao nhiêu phần nghìn giây, từ bây giờ, bạn muốn thực hiện các tham số đầu tiên.
Ví dụ
Chờ 3 giây, sau đó cảnh báo "Xin chào":
<!DOCTYPE html>
<html>
<body>
<p>Click the button to wait 3 seconds, then alert "Hello".</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
setTimeout(function(){alert("Hello")},3000);
}
</script>
</body>
</html>
Thử nó cho mình »
Làm thế nào để ngăn chặn các Thực hiện?
Phương pháp clearTimeout () được sử dụng để ngăn chặn việc thực hiện các chức năng quy định trong setTimeout (phương pháp).
Cú pháp
window.clearTimeout(timeoutVariable)
Các window.clearTimeout () phương pháp có thể được viết không có tiền tố cửa sổ.
Để có thể sử dụng clearTimeout () phương pháp, bạn phải sử dụng một biến toàn cầu khi tạo phương pháp thời gian chờ:
myVar=setTimeout("javascript function",milliseconds);
Sau đó, nếu chức năng chưa được thực hiện, bạn sẽ có thể để ngăn chặn sự thực thi bằng cách gọi clearTimeout () phương pháp.
Ví dụ
Cùng ví dụ như trên, nhưng chúng tôi đã thêm một nút "Stop cảnh báo":
<!DOCTYPE html>
<html>
<body>
<p>Click the first button alert "Hello" after waiting 3 seconds.</p>
<p>Click the second button to prevent the first function to execute. (You must click it before the 3 seconds are up.)</p>
<button onclick="myFunction()">Try it</button>
<button onclick="myStopFunction()">Stop the alert</button>
<script>
var myVar;
function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction()
{
clearTimeout(myVar);
}
</script>
</body>
</html>
Thử nó cho mình »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét