當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript案例：页面自动跳转到首页
生活随笔
收集整理的這篇文章主要介紹了
JavaScript案例：页面自动跳转到首页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
案例3：頁面自動跳轉到首頁
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>自動跳轉</title><style>p{text-align: center;}span{color: red;}</style></head> <body><p><span id="time">5</span>秒之后，自動跳轉到首頁。。。。</p><script>/*分析：1.顯示頁面的效果<p>2.倒計時讀秒效果實現2.1定義一個方法，獲取span標簽，修改標簽體內容，時間--2.2定義一個定時器，1秒執行一次該方法3.在方法中判斷時間如果<=0，則跳轉到首頁*///2.倒計時讀秒效果實現var second = 5;var time = document.getElementById("time");//2.1定義一個方法，獲取span標簽，修改標簽體內容，時間--function showTime() {second--;if(second <= 0) {location.href = "http://www.baidu.com";}else{time.innerHTML = second + "";}}//設置定時器一秒執行一次該方法setInterval(showTime,1000);</script> </body> </html>總結
以上是生活随笔為你收集整理的JavaScript案例：页面自动跳转到首页的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hdu 3369
- 下一篇： JavaScript学习记录十六