2017/04

JS實現(xiàn)倒計時三秒跳轉后到新頁面

發(fā)布時間：2017-04-08 17:37:18

發(fā)布者：jiangbing

瀏覽量:

為了使網(wǎng)站的頁面更友好，更加人性化，我們往往會在操作錯誤或是成功的時候進行提示然后跳轉到相應的頁面。同時為了使頁面更加美化，我們往往會加上倒計時跳轉功能，也就是使網(wǎng)頁上的秒殺呈現(xiàn)倒數(shù)顯示。下面就是具體的實現(xiàn)過程。

1、添加mate

這個mate的功能就是實現(xiàn)跳轉，content中的內容3就是三秒后跳轉，url就是所要跳轉的地址。光有這些還不夠，我們只知道三秒后跳轉了，但是在頁面上看不到，這時我們就要在頁面上顯示出倒計時功能，這也就用到了JS。

2、編寫html提示頁面

頁面的樣式最好自己設計一個符合審美觀的，這樣的html頁面寫起來都比較簡單。頁面寫好之后就是如何在頁面上實現(xiàn)倒計時顯示了。

3、js實現(xiàn)

將此段js代碼加入到上述html頁面中即可。這樣就完美的實現(xiàn)了倒計時三秒之后跳轉到新頁面。

上一篇： css3如何做出齒輪旋轉的特效

下一篇：如何用js實現(xiàn)鼠標點擊方向鍵的輪播圖？

關鍵詞:

2025-07-28

HBuilder怎么打包內網(wǎng)網(wǎng)頁移動端應用查看詳情

2025-07-25

信息可視化排名組件分享查看詳情

2025-07-19

vue3中的兩種監(jiān)聽-watch和watchEffect 查看詳情

2025-07-11

VUE中重要的定時器寫法--輪詢查看詳情

2025-07-05

vant自定義滑塊加頂部加氣泡查看詳情

2025-06-27

迅睿cms中上傳單文件如何獲取文件格式和大小查看詳情

相關案例

移動詳細系統(tǒng)

手術移動護理系統(tǒng)

手術護理系統(tǒng) 手術移動護理系統(tǒng) 手術護理流程化管理系統(tǒng)

紅寶書智慧黨建平臺

黨建平臺

欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲