85
Tôi phải làm gì để có một chức năng trên một trang web mà nó nói nó sẽ chuyển hướng bạn đến trang web trong 3 giây hoặc lâu hơn?Chuyển hướng trang web sau một khoảng thời gian nhất định
A
Trả lời
138
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
+0
Thankx. Tác phẩm của nó cho tôi ... –
50
Bạn đang có lẽ tìm kiếm các metarefresh tag:
<html>
<head>
<meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
</head>
<body>
<h1>Redirecting in 3 seconds...</h1>
</body>
</html>
Lưu ý rằng việc sử dụng metarefresh bị phản đối và tán thành những ngày này, nhưng đôi khi đó là lựa chọn khả thi duy nhất (ví dụ, nếu bạn không thể làm thế hệ phía máy chủ của các tiêu đề chuyển hướng HTTP và/hoặc bạn cần hỗ trợ các máy khách không phải JavaScript, v.v.).
4
Cách đơn giản nhất là sử dụng thẻ META HTML như thế này:
<meta http-equiv="refresh" content="3;url=http://example.com/" />
36
Nếu bạn muốn kiểm soát tốt hơn bạn có thể sử dụng javascript thay vì sử dụng thẻ meta. Điều này sẽ cho phép bạn có một hình ảnh của một số loại, ví dụ: đếm ngược.
Đây là một cách tiếp cận rất cơ bản sử dụng setTimeout()
<html>
<body>
<p>You will be redirected in 3 seconds</p>
<script>
var timer = setTimeout(function() {
window.location='http://example.com'
}, 3000);
</script>
</body>
</html>+0
Đây sẽ là cách để đi nếu bạn muốn văn bản tự động đếm ngược xuống 0 trước khi chuyển hướng. Sử dụng bộ hẹn giờ 1 giây, trong đó chức năng hẹn giờ cập nhật văn bản HTML và sau đó bắt đầu bộ hẹn giờ 1 giây mới, cho đến khi 3 giây trôi qua, sau đó thực hiện chuyển hướng. –
+0
hộp đoạn mã chạy không hoạt động –
2
Đặt HTML sau mã chuyển hướng giữa thẻ và mã HTML của bạn.
<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">
Mã chuyển hướng HTML trên sẽ chuyển hướng truy cập của bạn đến một trang web ngay lập tức. Nội dung = "3; có thể được thay đổi để số giây bạn muốn trình duyệt phải đợi trước khi chuyển hướng 4, 5, 8, 10 hoặc 15 giây, vv
0
Sử dụng mã javascript đơn giản này để chuyển hướng trang khác. trang sử dụng khoảng thời gian cụ thể ...
Vui lòng thêm mã này vào trang trang web của bạn, đó là bạn muốn chuyển hướng:
<script type="text/javascript">
(function(){
setTimeout(function(){
window.location="http://brightwaay.com/";
},3000); /* 1000 = 1 second*/
})();
</script>
+0
'' là một tùy chọn tốt hơn vì nó đơn giản hơn và hoạt động không hỗ trợ JavaScript. – Edward
+0
bạn là đúng bro ... nhưng nó phụ thuộc vào tình hình .. đôi khi chúng ta cần phải chuyển hướng trên sự kiện cụ thể cho rằng JS là lựa chọn tốt nhất. –
+0
Tôi hiểu ý bạn là "Sunny S.M". Mặc dù thẻ meta nên được sử dụng hầu như luôn luôn, có thể có các trường hợp cụ thể như của bạn trong đó JavaScript sẽ là tùy chọn duy nhất. – Edward
9
Dưới đây là một đầy đủ (nhưng đơn giản) ví dụ về chuyển hướng sau X giây , trong khi cập nhật div bộ đếm:
<html>
<body>
<div id="counter">5</div>
<script>
setInterval(function() {
var div = document.querySelector("#counter");
var count = div.textContent * 1 - 1;
div.textContent = count;
if (count <= 0) {
window.location.href="https://example.com";
}
}, 1000);
</script>
</body>
</html>
Nội dung ban đầu của số counter div là số giây chờ đợi.
Các vấn đề liên quan
- 1. Chuyển hướng sau thời gian HttpSession ra
- 2. Hiển thị DIV mờ dần của jQuery sau một khoảng thời gian nhất định
- 3. Vòng lặp Scala cho một khoảng thời gian nhất định
- 4. sendRedirect sau khoảng thời gian tránh javascript hoặc php
- 5. Khóa ứng dụng android sau một khoảng thời gian nhàn rỗi nhất định
- 6. Kill Process sau một thời gian nhất định + C#
- 7. Chạy một đoạn mã trong một khoảng thời gian nhất định trong C#?
- 8. JQuery Chuyển hướng đến URL sau thời gian được chỉ định
- 9. Làm thế nào để hủy bỏ một AsyncTask Android sau một khoảng thời gian nhất định? (Ví dụ 10 giây)
- 10. Tách một khoảng thời gian thành nhiều khoảng thời gian
- 11. Chuyển hướng một trang sang một trang khác trong 5 giây sau đó chuyển hướng lại
- 12. Tôi muốn tải một trang HTML khác sau một khoảng thời gian cụ thể
- 13. Chuyển đổi một phao thành một khoảng thời gian
- 14. Sử dụng một khoảng thời gian thay đổi trong một khoảng thời gian trong Postgres
- 15. Khoảng thời gian thực Scala, Khoảng thời gian Int
- 16. JavaScript - Khoảng thời gian jQuery
- 17. phantomJS thời gian chờ trang web
- 18. Lấy lịch trình ice_cube hiệu quả trong một khoảng thời gian nhất định
- 19. windows thời gian tải trang web azure
- 20. Chức năng tổng hợp trong một khoảng thời gian nhất định
- 21. jquery hover chỉ hoạt động nếu lơ lửng trong một khoảng thời gian nhất định
- 22. Đếm số ngày làm việc bình thường trong một khoảng thời gian nhất định
- 23. Tại sao một số ứng dụng web sử dụng trang trung gian trước khi chuyển hướng?
- 24. Chuyển hướng URL dự định + chuyển hướng mặc định sau khi đăng nhập?
- 25. Lực lượng đăng xuất người dùng nếu người dùng không hoạt động trong một khoảng thời gian nhất định
- 26. Tăng ngày theo một khoảng thời gian
- 27. hiển thị div trong một khoảng thời gian được đặt, sau đó ẩn nó
- 28. Hợp nhất các khoảng thời gian chồng chéo?
- 29. Tính thời gian ngày Khoảng thời gian tối thiểu, tối đa và lớn nhỏ nhất
- 30. LaTeX đôi khi đặt quá nhiều hoặc quá ít không gian sau một khoảng thời gian
bản sao có thể có của [Làm thế nào tôi có thể chuyển hướng đến một trang (nhà) qua một trang khác (trang thành công), nơi một số thông báo thành công sẽ được hiển thị?] (Http://stackoverflow.com/questions/2949301/how-can -i-chuyển hướng-đến-một-trang-nhà-qua-một-trang-trang-trang-nơi-một-suc) – kennytm
Tôi chỉ tò mò, tại sao bạn lại muốn làm điều đó? Mỗi lần tôi truy cập trang như vậy, tôi muốn được hướng dẫn trong 0 giây. – allesklar
@allesklar xin lỗi vì trả lời muộn. Tôi đang phát triển một trang web và tôi muốn xem liệu có dễ dàng chuyển đổi từ trình chỉnh sửa mã sang trình duyệt web mà không phải nhấn làm mới mọi lúc không. – codedude