Polly po-cket

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Share code Auto Refresh - Tự động Load lại trang theo chu kỳ hay random

Admin* RoSino18k *
* 31-03-2016

Trong một số trường hợp bạn cần thiết load lại trang web mình theo chu kỳ cố định hay random … thì bạn sẽ làm thế nào? Hôm nay mình muốn chia sẻ cho các bạn cách làm này qua bài viết code auto refresh – tự động load lại trang web rất đơn giản và dễ sử dụng.



Auto Refresh – tự động load lại trang web là một tính năng nhỏ trong web, cũng ít được biết đến cũng như ứng dụng nó. Tuy nhiên nói thế nó không phải là vô dụng, giả sử bạn làm một trang web có tính cập nhật dữ liệu liên tục như: truyền tin trực tiếp, cập nhật giá cả, cổ phiếu… tiện cho người dùng không phải F5 để load lại trang web nhiều lần.

Share code Auto Refresh - Tự động Load lại trang theo chu kỳ hay random
[Tải ảnh]


Đôi khi bạn nghĩ là làm công việc này có lợi cho SEO vì nó tự động load lại trang web liên tục có thể tăng lượng view, rank cho site bạn, hii.. vui tuy nhiên cái gì cũng thế kỹ xảo nhiều quá đôi khi lại phản tác dụng nhất là bác Google khó tính, chỉ nên cần thì dùng là hay nhất.

Sau đây sẽ có nhiều cách để bạn thực hiện được việc auto refresh trang web, chỉ là dùng các thẻ HTML hay vài đoạn jQuery & JavaScript là OK, ngoài ra còn có thể sử dụng bằng cách tùy chỉnh trên trình duyệt.

1. Auto Refresh bằng thẻ meta
Cách này có ưu thế là nhanh gọn dễ làm, truy nhiên do dùng thẻ meta nên không thể che dấu khi chạy trên trình duyệt cũng như BOT tìm kiếm. Bạn vào thẻ HEAD của HTML và viết như sau:

// Cách viết 1:
<meta http-equiv="refresh" content="number">

// Cách viết 2:
<meta http-equiv="refresh" content="number;url=địa-chỉ-website">

Ví dụ bạn bạn muốn sau 30 giây sẽ tự động refresh lại trang *http://cudemvn.wap.sh thì bạn có thể viết như sau:
<meta http-equiv="refresh" content="15;url=http://cudemvn.wap.sh">

2. Thêm đoạn JavaScript đơn giản để tự động refresh
Cách này là chèn vào hay nhúng đoạn js file js vào thẻ HEAD, cách này sẽ làm dấu đi được một phần mã HTML khi thực thi, tuy nhiên chu kỳ thời gian vẫn cố định không thay đổi. Ví dụ cho phép trang web tự động load lại sau 30 giây thì bạn chèn mã như sau
<script type="text/javascript">
init_reload();
function init_reload(){
setInterval( function() {
window.location.reload();

},30000);
}
</script>

Hoặc có thể viết thế này cũng được.
<script type="text/javascript">
function reFresh() {
window.open(location.reload(true))
}
window.setInterval("reFresh()",30000);
</script>

Hay cũng có thể viết cách này.
<script>
function Refresh()
{
var t=setTimeout("location.reload(true)",300000);
}
</script>
</ head>
<body onload="Refresh()">

3. Auto refresh random thời gian
Việc này rất tuyệt, nó sẽ tạo cho bạn một sự linh động về thời gian trong việc load lại trang web, có thể có tí gì đó dụ được bác google tăng view, tuy nhiên bạn sẽ va đập vào code một tí, tùy vào viết PHP hay ASP.Net tuy nhiên có nguyên tắc chung khởi tạo hàm random và gọi hàm vào trong các đoạn mã ở trên. ví dụ:
<script type="text/javascript">
function reFresh() {
window.open(location.reload(true))
}
window.setInterval("reFresh()",<?php echo rand(15000, 30000); ?>);
</script>

Đoạn code trên cho bạn random thời gian load lại trang web giao động từ 15 giây đến 30 giây. Đây là hàm rand có sẳn trong thư viện PHP.

4. Tự động refresh web với trình duyệt Firefox, Google Chrome
Điều này thì làm được với máy nào có cài đặt này, sẽ là do nhu cầu của người dùng và không vì mục đích nào khác, bạn cài thêm cho firefox addon: ReloadEvery. Bằng cách vào ToolAdd-ons và search ReloadEvery bấm vào cài đặt.

Đối với bạn nào sử dụng trình duyệt Google Chrome thì vào google.com.vn gõ từ khóa Auto Refresh chọn kết quả đầu tiên để cài auto refresh plus cho trình duyệt

Kết luận: Mong này là bài viết sẽ có ích cho các bạn. ngoài các cách ở trên bạn còn có thể sử dụng LiveJS để thực hiện điều này.
Chúc các bạn thành công!

Nguồn bcdonline.net
↓ Tập tin Đính kèm ↓
↑↑ Lượt xem: 1054
score
Đánh giá: 4.5/ 5, 1054 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-1054]