JavaScript自动跳转倒计时页面

5 秒倒计时的页面跳转功能,挺适合做一些提示性跳转,比如 404 页面或者活动结束后的跳转。页面会自动显示倒计时,用户体验上还不错。时间也能自己调整,用起来比较灵活。

5 秒的自动跳转页面,HTML+JavaScript写的,结构清晰,代码量也不多,适合直接嵌到项目里用。用setTimeout控制跳转,用setInterval做倒计时,逻辑不复杂。

你也可以根据需要把时间调成 10 秒、15 秒之类的,提示信息也能换成你自己的内容,比如“稍候,正在跳转到首页”。再配个position: absolute的样式让它居中一点,视觉上更舒服。

嗯,如果你想做个更花哨的,可以看看这几个资源:

如果你在做移动端项目,JKCountDownButton倒计时按钮和Android 倒计时动画也可以参考一下。

记得别写死 URL 地址,用[removed].href跳转,后期维护会方便多。如果你还没试过这种方式,推荐你动手玩一玩。

html 文件大小:634B