Hướng dẫn how do you delay a redirect in html? - làm cách nào để trì hoãn chuyển hướng trong html?

Tôi phải làm gì để có một chức năng trên một trang web nơi nó nói rằng nó sẽ chuyển hướng bạn đến trang web trong 3 giây hoặc lâu hơn?

Đã hỏi ngày 20 tháng 7 năm 2010 lúc 16:11Jul 20, 2010 at 16:11

Hướng dẫn how do you delay a redirect in html? - làm cách nào để trì hoãn chuyển hướng trong html?

Codedudecodedudecodedude

6.06314 Huy hiệu vàng61 Huy hiệu bạc95 Huy hiệu Đồng14 gold badges61 silver badges95 bronze badges

6

<meta http-equiv="refresh" content="3;url=http://www.google.com/" />

Đã trả lời ngày 20 tháng 7 năm 2010 lúc 16:14Jul 20, 2010 at 16:14

Darin Dimitrovdarin DimitrovDarin Dimitrov

1.0M267 Huy hiệu vàng3261 Huy hiệu bạc2916 Huy hiệu Đồng267 gold badges3261 silver badges2916 bronze badges

3

Có lẽ bạn đang tìm kiếm thẻ meta refresh:

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h2>Redirecting in 3 seconds...</h2>
    </body>
</html>

Lưu ý rằng việc sử dụng meta refresh không được chấp nhận và cau mày vào những ngày này, nhưng đôi khi đó là tùy chọn khả thi duy nhất (ví dụ: nếu bạn không thể thực hiện thế hệ tiêu đề chuyển hướng HTTP phía máy chủ và/hoặc bạn cần hỗ trợ không phải là JavaScript khách hàng vv).

Đã trả lời ngày 20 tháng 7 năm 2010 lúc 16:14Jul 20, 2010 at 16:14

Darin Dimitrovdarin DimitrovLukeH

1.0M267 Huy hiệu vàng3261 Huy hiệu bạc2916 Huy hiệu Đồng57 gold badges360 silver badges409 bronze badges

Có lẽ bạn đang tìm kiếm thẻ meta refresh:

Lưu ý rằng việc sử dụng meta refresh không được chấp nhận và cau mày vào những ngày này, nhưng đôi khi đó là tùy chọn khả thi duy nhất (ví dụ: nếu bạn không thể thực hiện thế hệ tiêu đề chuyển hướng HTTP phía máy chủ và/hoặc bạn cần hỗ trợ không phải là JavaScript khách hàng vv).

<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>

Lukehlukeh

257K57 Huy hiệu vàng360 Huy hiệu bạc409 Huy hiệu đồng3 silver badges8 bronze badges

Nếu bạn muốn kiểm soát lớn 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 thuộc loại nào đó, ví dụ: một đếm ngược.Jul 20, 2010 at 16:20

Đây là một cách tiếp cận rất cơ bản khi sử dụng

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h2>Redirecting in 3 seconds...</h2>
    </body>
</html>
0mbrevoort

Chaptuck6 gold badges38 silver badges48 bronze badges

1

2693 Huy hiệu bạc8 Huy hiệu Đồng

<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.replace("https://example.com");
            }
        }, 1000);
    </script>
</body>
</html>

Đã trả lời ngày 20 tháng 7 năm 2010 lúc 16:20

MBREVOORTMBREVOORTJul 3, 2016 at 8:47

4.9856 Huy hiệu vàng38 Huy hiệu bạc48 Huy hiệu đồngnoamtm

Đây là một ví dụ hoàn chỉnh (nhưng đơn giản) về việc chuyển hướng sau x giây, trong khi cập nhật bộ đếm div:13 gold badges71 silver badges103 bronze badges

3

Nội dung ban đầu của Div

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h2>Redirecting in 3 seconds...</h2>
    </body>
</html>
1 là số giây để chờ đợi.

<meta http-equiv="refresh" content="3;url=http://example.com/" />

Đã trả lời ngày 3 tháng 7 năm 2016 lúc 8:47

Noamtmnoamtm

Đây là một ví dụ hoàn chỉnh (nhưng đơn giản) về việc chuyển hướng sau x giây, trong khi cập nhật bộ đếm div:13 gold badges71 silver badges103 bronze badges

Nội dung ban đầu của Div

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h2>Redirecting in 3 seconds...</h2>
    </body>
</html>
1 là số giây để chờ đợi.Jul 20, 2010 at 16:15

Đã trả lời ngày 3 tháng 7 năm 2016 lúc 8:47Ehsan

Noamtmnoamtm1 gold badge17 silver badges30 bronze badges

11.9K13 Huy hiệu vàng71 Huy hiệu bạc103 Huy hiệu đồng

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h2>Redirecting in 3 seconds...</h2>
    </body>
</html>
2

Cách đơn giản nhất là sử dụng thẻ meta HTML như thế này:

WikipediaFeb 2, 2012 at 19:13

Hướng dẫn how do you delay a redirect in html? - làm cách nào để trì hoãn chuyển hướng trong html?

NOAMTMMuhammad Saqib

Đã trả lời ngày 20 tháng 7 năm 2010 lúc 16:153 gold badges35 silver badges47 bronze badges

Ehsanehsan

1.9011 Huy hiệu vàng17 Huy hiệu bạc 30 Huy hiệu Đồng

<script type="text/javascript">
(function(){
   setTimeout(function(){
     window.location="http://brightwaay.com/";
   },3000); /* 1000 = 1 second*/
})();
</script>

Đặt mã chuyển hướng HTML sau giữa và thẻ của mã HTML của bạn.Sep 21, 2015 at 19:04

Hướng dẫn how do you delay a redirect in html? - làm cách nào để trì hoãn chuyển hướng trong html?

Mã chuyển hướng HTML ở trên sẽ chuyển hướng khách truy cập của bạn đến một trang web khác ngay lập tức. Nội dung = "3; có thể được thay đổi thành số giây bạn muốn trình duyệt chờ trước khi chuyển hướng. 4, 5, 8, 10 hoặc 15 giây, v.v.Sunny S.M

Đã trả lời ngày 2 tháng 2 năm 2012 lúc 19:131 gold badge37 silver badges38 bronze badges

3