JavaScript自动跳转倒计时页面
5 秒倒计时的页面跳转功能,挺适合做一些提示性跳转,比如 404 页面或者活动结束后的跳转。页面会自动显示倒计时,用户体验上还不错。时间也能自己调整,用起来比较灵活。
5 秒的自动跳转页面,HTML+JavaScript写的,结构清晰,代码量也不多,适合直接嵌到项目里用。用setTimeout
控制跳转,用setInterval
做倒计时,逻辑不复杂。
你也可以根据需要把时间调成 10 秒、15 秒之类的,提示信息也能换成你自己的内容,比如“稍候,正在跳转到首页”。再配个position: absolute
的样式让它居中一点,视觉上更舒服。
嗯,如果你想做个更花哨的,可以看看这几个资源:
- 音乐美女 404 页面倒计时跳转自适应.zip,风格比较花哨,适合娱乐类站点
- 倒计时页面,纯 HTML5 的页面结构,还挺通用
- 倒计时.zip,打包资源,适合新手拿来就用
- jQuery 倒计时,如果你项目里用了 jQuery,可以直接接入
如果你在做移动端项目,JKCountDownButton倒计时按钮和Android 倒计时动画也可以参考一下。
记得别写死 URL 地址,用[removed].href
跳转,后期维护会方便多。如果你还没试过这种方式,推荐你动手玩一玩。
634B
文件大小:
评论区