.delay() trong jQuery

Định nghĩa và sử dụng .delay() trong jQuery

.delay(): Thiết lập một bộ đếm thời gian để trì hoãn thực hiện các hạng mục tiếp theo trong các hành động.

Cấu trúc .delay() trong jQuery

Đã được thêm vào từ phiên bản 1.4

.delay(độ bền)
------------------------------------------------------------------------------------------------------------------
$('p').slideUp(200).delay(1000).fadeIn(400);

.delay(độ bền)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
p {
    background: blue;
}
</style>
<script>
$(function(){
     $('button').click(function() {
          $('p.first').slideUp(300).delay(2000).fadeIn(400);
          $('p.second').slideUp(300).fadeIn(400);
     });
});
</script>
</head>

<body>
<button>Run</button>
<p class="first">có delay</p>
<p class="second">không delay</p>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy thành phần có sử dụng delay đã được trì hoãn 2 giây (delay(2000)) so với thành phần không có sử dụng delay.

Previous Lesson Next Lesson

Preview

Viết câu trả lời

0 Bình luận

bắt đầu chủ đề từ ·

@ ·

.delay() trong jQuery

Định nghĩa và sử dụng .delay() trong jQuery

Cấu trúc .delay() trong jQuery

.delay(độ bền)

0 Bình luận

Danh mục bài học