Chào bạn! Blog này sẽ dần chuyển sang địa chỉ mới http://kênhit.vn
Truy cập bài viết này tại kênhit.vn: Code HTML chuyển hướng trang sau thời gian đếm ngược
Rảnh rỗi không có gì làm viết đoạn code này share ae ai cần thì dùng. Đây là code chuyển hướng trang web sang một địa chỉ khác sau một thời gian định sẵn kèm đếm ngược. Code này mình kết hợp html với javascript thôi nhé (rất sơ khai).
Demo online: http://demo.ngockhuong.com/code/code-chuyen-huong-trang.html
Copy code:
<li class="lino">Bạn sẽ chuyển sang trang <a href="http://blog.ngockhuong.com"/>blog.ngockhuong.com</a> sau <span id="time">10</span> giây nữa<br /> <a href="/" onclick="reload();" id="reloadlink" title="Nhấn vào đây để tải lại trang">Tải lại trang<a> </li> <script type="text/javascript"> var jgt = 10; document.getElementById('time').innerHTML = jgt; function stime(){document.getElementById('time').innerHTML = jgt; jgt = jgt - 1; if(jgt == 0){clearInterval(timing); location = 'http://blog.ngockhuong.com';} } var timing = setInterval("stime();",1000); </script>Các bạn có thể tùy chỉnh theo ý thích. Tuy nhiên chú ý đoạn: <span id="time">10</span> và đoạn var jgt = 10; để chỉnh giây lại. Thay số 10 kia bằng số giây bạn muốn tùy chỉnh. Đồng thời thay link muốn chuyển đến (thay http://blog.ngockhuong.com bằng link của bạn)
Chúc các bạn vui vẻ :)
Code của bạn rất hay mình rất thích
Trả lờiXóaNhưng bạn có thể cho mình xin thêm 1 code nữa là:
Sau khi đếm số ngược thì nó hiện ra 1 hình ảnh mà không chuyển sang trang khác
Nếu bạn muốn vậy thì có thể thay location = 'http://blog.ngockhuong.com'; thành document.getElementById('time').innerHTML = '< i m g sr c="http://linkanh" alt="" />'; nhé :)
XóaCảm ơn bạn! :))
Xóaơ mà sao nó không biến mất cái chữ : Bạn sẽ chuyển qua trang Blog.ngockhuong.com sau giây nữa
Xóaxin lỗi, mình không giỏi về code, nên hay hỏi ngu quá
vậy bạn thay 'time' thành 'lino' nhé :)
XóaNhận xét này đã bị tác giả xóa.
Xóa