首頁  >  文章  >  web前端  >  JS實現分享頁面自動關閉效果

JS實現分享頁面自動關閉效果

云罗郡主
云罗郡主原創
2019-01-21 15:18:042766瀏覽

這篇文章帶給大家的內容是關於JS實現分享頁面自動關閉效果,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。 【推薦教學:JavaScript教學

通常我們在分享內容後,會有個新的視窗提示分享成功,然後倒數關閉視窗。

要實現這個效果,我們要寫兩個頁面:

先建立用於點擊的頁面open_window.html








点击分享至微博


出來的效果大致如下:

JS實現分享頁面自動關閉效果

寫好第一個頁面之後,我們再來做計時器的頁面new_window.html,讓彈出的新視窗5秒後自動關閉:




倒计时自动关闭/跳转页面




(≧▽≦)分享成功!



5秒钟后自动关闭

留在本页 返回首页页

點擊後運行效果如下:

JS實現分享頁面自動關閉效果

以上是JS實現分享頁面自動關閉效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn