JS分享页面自动关闭效果怎么弄-创新互联

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

成都创新互联是一家专业从事成都网站设计、网站制作、外贸营销网站建设的网络公司。作为专业网站设计公司,成都创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、成都全网营销及网站设计开发服务!

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

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

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








点击分享至微博


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




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




(≧▽≦)分享成功!



5秒钟后自动关闭

留在本页 返回首页页

点击后运行效果如下:

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

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:JS分享页面自动关闭效果怎么弄-创新互联
文章源于:http://ybzwz.com/article/djgsjd.html