HTML tự động làm mới cứ sau 5 giây
|
Trong hướng dẫn này, bạn sẽ học cách tự động làm mới trang web cứ sau 5 giây bằng cách sử dụng javascript và HTML. Tự động làm mới còn được gọi là tự động tải lại. Nói chung, chúng tôi tự động làm mới bất kỳ trang web nào bằng cách sử dụng phím F5 trên bàn phím hoặc bằng cách nhấp vào tùy chọn tải lại trong menu ngữ cảnh Show
Tự động làm mới trang web theo chương trình có thể khó đối với hầu hết các nhà phát triển mới và hôm nay, tôi sẽ chia sẻ cách tiếp cận của mình về vấn đề này. Có 2 giải pháp khả thi để tự động làm mới trang web Giải pháp đầu tiên chỉ liên quan đến HTML và giải pháp thứ hai chỉ liên quan đến javascript. Tùy thuộc vào yêu cầu của bạn, bạn có thể chọn một trong hai Đối với giải pháp tự động làm mới HTML, chúng tôi sẽ sử dụng phần tử Đối với giải pháp tự động làm mới javascript, chúng tôi sẽ sử dụng phương thức let counter = 1;
setInterval(() => {
document.querySelector('h1').innerText = counter;
counter++;
if(counter > 5) location.reload();
}, 1000);0Trong ví dụ sau, chúng tôi sẽ đề cập đến cả hai giải pháp được đề cập ở trên. Chúng tôi sẽ chỉ hiển thị bộ đếm 5 giây trên màn hình và ngay sau khi hoàn thành, tính năng tự động làm mới sẽ được kích hoạt. Vui lòng xem qua ví dụ về mã và các bước được đưa ra bên dưới Trong khi sử dụng JavaScript, bạn có thể muốn làm mới trang web bằng mã của mình. Hãy để chúng tôi xem xét các cách khác nhau để làm như vậy Ở đây chúng ta sẽ tìm hiểu các phương pháp sau để làm mới trang web bằng JavaScript 1. Làm mới một trang trong JavaScriptTrong JavaScript, trang được tải lại bằng tài liệu. địa điểm. reload() hoặc cửa sổ. địa điểm. phương thức tải lại (). Địa điểm. reload() cho kết quả giống như nhấn nút tải lại trên trình duyệt của bạn Theo mặc định, phương pháp này tải lại trang trực tiếp từ bộ đệm của trình duyệt. Nếu thuộc tính forceGet được đặt thành true, thì trang web sẽ được tải lại từ máy chủ. Tải lại trang từ bộ đệmVí dụ Tải lại trang từ máy chủ (không có bộ đệm)Tham số mặc định là Sai ở đây. Vì vậy, nếu để trống tham số, đối tượng. reload() tải lại trang bằng cách sử dụng dữ liệu được lưu trong bộ nhớ cache của trình duyệt, tôi. e. giống hệt với việc sử dụng phương thức làm đối tượng. tải lại (sai) 2. Tự động làm mới trang sau 5 giâyBạn cũng có thể sử dụng JavaScript để tự động làm mới trang web sau một khoảng thời gian xác định. Sử dụng phương thức setTimeout() ở đây, chúng tôi sẽ tự động làm mới trang 5 giây sau khi tải lại 3. Làm mới trang khi nhấp vào nútThay vì tự động làm mới trang web bằng một phương thức, bạn có thể gọi phương thức đó khi người dùng thực hiện một sự kiện, chẳng hạn như nhấp vào nút. Trong ví dụ này, bạn có thể thấy trang đó sẽ được làm mới bằng cách sử dụng vị trí. reload() sau khi người dùng nhấp vào nút Tải lại trang 4. Sử dụng Chức năng Lịch sửVí dụ JavaScript, đối tượng cửa sổ có thuộc tính lịch sử được sử dụng để làm mới trang. Lịch sử. phương thức go() trong ví dụ này giúp thao tác lịch sử phiên trình duyệt Ở đây 0 là tham số lịch sử,
Tham số này cho phép bạn điều hướng qua lại trong lịch sử phiên trang web của mình 5. Làm mới trang trong HTMLMã sẽ làm mới tài liệu HTML sau mỗi 1 giây. Tương đương http được đặt thành làm mới và thuộc tính nội dung được đặt thành khoảng thời gian 1 giây. 6. Sử dụng JqueryCửa sổ. vị trí có thuộc tính href. Điều này trả về URL của trang web hiện tại. Trong ví dụ này, thuộc tính này được sử dụng để tải lại và làm mới trang hiện tại. Thuộc tính này cũng có thể được sử dụng để nhắm mục tiêu một trang khác và làm mới nó Giả sử chúng tôi đã cung cấp một tài liệu HTML và nhiệm vụ là tự động làm mới trang web sau một khoảng thời gian nhất định trong trình duyệt web. Chúng tôi sẽ xác định trước một khoảng thời gian và trình duyệt sẽ tự động làm mới trang web Ví dụ. Bạn đang tạo một trang web tự động làm mới cần được làm mới sau một khoảng thời gian ngắn hơn nhất định. Vì vậy, trong trường hợp này, bạn có thể sử dụng thẻ meta http-equiv để làm mới trang web. Một minh họa khác của thẻ http-equiv này là nó có thể được sử dụng để tải lại một trang web thời tiết cần được cập nhật sau mỗi khoảng thời gian nhỏ để hiển thị những thay đổi thời tiết từng phút Cách tiếp cận 1. Người ta có thể tự động làm mới trang web bằng cách sử dụng thẻ meta trong phần tử đầu của HTML bằng cách sử dụng thuộc tính http-equiv. Nó là một thuộc tính sẵn có với HTML 5. Người ta có thể thêm khoảng thời gian làm mới bằng cách sử dụng thuộc tính nội dung trong thẻ Meta Thuộc tính tương đương HTTP có thể được sử dụng để mô phỏng tiêu đề phản hồi HTTP. Thuộc tính được hỗ trợ bởi tất cả các trình duyệt web chính như Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera Mini, v.v. cú pháp Ví dụ _______266____32____29 đầu ra Cách tiếp cận 2. Sử dụng phương thức setInterval(). Một phương pháp khác để truy cập thuộc tính tự động làm mới của trang web là sử dụng mã JavaScript sau cho đến khi ClearInterval() được gọi, setInterval() sẽ tiếp tục tự gọi liên tục Làm cách nào để làm mới trang trong JavaScript sau 5 giây?Thao tác này sẽ khiến trang tải lại sau khoảng giây đã chỉ định. . cú pháp. $(tài liệu). sẵn sàng (function () { setTimeout (function () { cảnh báo ('Tải lại trang'); vị trí. tải lại (đúng); đầu ra. Sau khi tải trang. Sau 5 giây Bạn sẽ tự động làm mới một trang sau một giây cụ thể như thế nào?Cách tự động tải lại trang web vào một thời điểm nhất định . Khởi chạy trình duyệt của bạn Chuyển đến cửa hàng ứng dụng/tiện ích mở rộng (Cửa hàng Chrome trực tuyến, Tiện ích bổ sung Firefox, Cửa hàng tiện ích bổ sung Microsoft Edge, v.v. ) Nhập “tự động làm mới” vào thanh tìm kiếm Chọn một tiện ích mở rộng Làm theo lời nhắc để tải xuống và cài đặt tiện ích mở rộng trên thanh công cụ trình duyệt của bạn Làm cách nào để tự động làm mới trang web cứ sau 5 giây trong PHP?Trả lời. Sử dụng hàm header()
. e. tại các khoảng thời gian nhất định) bằng cách sử dụng PHP.
Bạn sẽ sử dụng thẻ HTML nào để làm mới trang web sau mỗi 2 phút?Thẻ khiến trang web tự động làm mới sau một khoảng thời gian đã chỉ định. |
