首页  >  文章  >  web前端  >  JS实现分享页面自动关闭效果

JS实现分享页面自动关闭效果

云罗郡主
云罗郡主原创
2019-01-21 15:18:042766浏览

本篇文章给大家带来的内容是关于JS实现分享页面自动关闭效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。【推荐教程:JavaScript教程

通常我们在分享内容后,会有个新的窗口提示分享成功,然后倒计时关闭窗口。

要实现这个效果,我们要写两个页面:

先创建用于点击的页面 open_window.html








点击分享至微博


出来的效果大致如下:

20161214115615226.png

写好第一个页面之后,我们再来做定时器的页面new_window.html,让弹出的新窗口5秒后自动关闭:




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




(≧▽≦)分享成功!



5秒钟后自动关闭

留在本页 返回首页页

点击后运行效果如下:

20161214115850946.png

以上是JS实现分享页面自动关闭效果的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:钩子函数是什么下一篇:js能做什么