首页前端开发JavaScriptjavascript怎么实现5秒后跳转页面

javascript怎么实现5秒后跳转页面

时间2024-01-30 14:20:03发布访客分类JavaScript浏览480
导读:收集整理的这篇文章主要介绍了javascript怎么实现5秒后跳转页面,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript实现5秒后跳转页面的方法:【VAR div = document.querySelector('di...
收集整理的这篇文章主要介绍了javascript怎么实现5秒后跳转页面,觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript实现5秒后跳转页面的方法:【VAR div = document.querySelector('div'); var time = 5; timer(); setInterval(timer, 1000) ...】。

本文操作环境:windows10系统、ThinkPad t480电脑。

在很多项目开发中我们经常会需要实现页面自动跳转的效果,下面的代码实现了页面5秒后自动跳转的效果,一起来看看吧!

具体代码如下:

@H_777_13@!DOCTYPE htML> html> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, inITial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=Edge"> title> Document/title> /head> body> div> /div> script> var div = document.querySelector('div'); var time = 5; timer(); setInterval(timer, 1000) function timer() { if (time == 0) { location.href = 'http://www.baidu.COM' } else { div.innerHTML = '将在' + time + '秒后跳转到百度'; time--; } } /script> /body> /html>

推荐学习:javascript视频教程

以上就是javascript怎么实现5秒后跳转页面的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript怎么实现5秒后跳转页面
本文地址: https://pptw.com/jishu/592632.html
javascript是单进程还是多线程 在Asp.net的MVC中利用swupload实现多图片上传功能的实例详解

游客 回复需填写必要信息