成都网站建设设计

将想法与焦点和您一起共享

JS分享页面自动关闭效果怎么弄

这篇文章给大家分享的是有关JS分享页面自动关闭效果怎么弄的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联专注于港口企业网站建设,响应式网站开发,商城网站建设。港口网站建设公司,为港口等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

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

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

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








点击分享至微博


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




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




(≧▽≦)分享成功!



5秒钟后自动关闭

留在本页 返回首页页

点击后运行效果如下:

JS分享页面自动关闭效果怎么弄

感谢各位的阅读!关于JS分享页面自动关闭效果怎么弄就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网页标题:JS分享页面自动关闭效果怎么弄
网页路径:http://chengdu.cdxwcx.cn/article/jpjoie.html