[jQuery] Tự động thực hiện sự kiện theo thời gian quy định

Nếu các bạn để ý thì đôi khi trên 1 trang web nào đó sẽ có những phần, khu vực cần được làm mới dữ liệu thường xuyên. Ví dụ 1 trang web sẽ luôn cập nhật những user đang online là những ai hoặc trong trang Admin thì hệ thống sẽ thông báo cho người quản trị rằng người dùng đang thao tác gì, họ đang tìm kiếm thông tin nào…Ở đây, tôi sẽ không đề cập đến công nghệ xử lý theo thời gian thực mà chỉ giới thiệu đến các bạn 1 thủ thuật nhỏ (jQuery) để làm cho 1 sự kiện nào đó mà các bạn mong muốn sẽ tự động thực hiện theo thời gian quy định.

Ví dụ minh họa của tôi cũng đơn giản, đó là tôi sẽ cho hiển thị 1 chuỗi ngẫu nhiên với chu kì là 5 giây/lần. Các bạn có thể thay đổi sự kiện hiển thị chuỗi ngẫu nhiên bằng sự kiện nào đó mà phù hợp với mục đích của bạn.

Đầu tiên tôi tạo file get_infor.php để hiển thị chuỗi ngẫu nhiên

Подробности Lion s Mane pharmacy тут. Granite countertops contractors granite contractors near me granitedepotsv.com. AI Porn Plot Generators

<?php
/**
* @author Tấn Việt
* @copyright 2012
* @website https://tanvietblog.com
* @description This script will create a random string with 10 characters
*/
function createRandomString() {
$chars = "123456789aAbBcCdDeEfFgGhHiIjJkKmMnNoOpPqQrRsStTuUvVwWxXyYzZ";
srand((double)microtime()*1000000);
$i = 0;
$pass = '' ;
while ($i <= 10) {
$num = rand() % 33;
$tmp = substr($chars, $num, 1); $pass = $pass . $tmp; $i++;
}
return $pass;
}
echo createRandomString();
?>

 

Tiếp theo trong file hiển thị kết quả (index.php), tôi sẽ dùng đoạn jQuery sau để lấy kết quả từ file get_infor.php thông qua 1 Ajax request.

$(document).ready(function() {
var time = 5000; //5000 miliseconds = 5 seconds
var url = $(location).attr('href') + 'get_infor.php';
function getRandomString() {
$.ajax({
url: url,
success: function(data) {
$('#result').text(data);
}
});
setTimeout(getRandomString, time);
}
setTimeout(getRandomString, time);
});

 

Tôi đã sử dụng hàm setTimeout() để thực hiện ví dụ trên. Các bạn có thể tìm hiểu thêm các ví dụ khác về hàm setTimeout() qua các tutorials sau :

Hi vọng bài viết giúp ích cho các bạn. Thân ái!

Tấn Việt

Tôi lập trang web này để thỏa mãn sở thích viết cái gì đó vui vui khi rãnh rỗi và đồng thời cũng chia sẻ những gì tôi biết hoặc đọc đâu đó trên mạng về Lập trình web. Tôi hi vọng những bài viết này sẽ giúp ích cho các bạn. Thân ái!

You may also like…

3 Responses

  1. Viet says:

    Bài viết hay lắm.

    • Tấn Việt says:

      Cảm ơn bạn!

  2. Thực says:

    Đúng thứ mình cần.cảm ơn bạn chia sẻ