html几秒自动跳转,HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢?
我自己遇到问题和查找资料,总结了3个方法
方法1:
最简单的一种:直接在前面
里面添加代码:
复制代码代码如下:
//3秒之后自动跳转到res.html,两个属于同一文件下面,要是需要跳转到jsp页面,就需要在url里面填写url地址————(浏览器的地址栏里面写入的数据,如:http://localhost:8080/TestDemo/1.jsp)
方法2:
需要用到window里面的方法:
setTimeout 经过指定毫秒值后计算一个表达式。
例子:
复制代码代码如下:
window.setTimeout("alert('Hello, world')", 1000);
这个是写在js代码里面的;
具体实现如下:
复制代码代码如下:
οnlοad=function(){ //在进入网页的时候加载该方法
setTimeout(go, 3000); /*在js中是ms的单位*/
};
function go(){
location.href="http://localhost:8080/TestDemo/index.jsp";
}
//3秒之后自动执行go方法,直接跳转到index.jsp页面
方法3:
上面两个例子的缺陷就是能够实现跳转,但是不知道是什么时候跳转.实现倒数3-2-1;
settimeout方法已经做不了了;
setInterval 每经过指定毫秒值后计算一个表达式。
没过相同的时间,就会执行相应的函数。具体的实现方法:
复制代码代码如下:
οnlοad=function(){
setInterval(go, 1000);
};
var x=3; //利用了全局变量来执行
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x; //每次设置的x的值都不一样了。
}else{
location.href='res.html';
}
}
以上内容是本文给大家分享的关于HTML页面3秒后自动跳转的三种常见方法 ,希望大家喜欢。
html几秒自动跳转,HTML页面3秒后自动跳转的三种常见方法相关推荐
- 怎么用html3秒自动跳网页,HTML页面3秒后自动跳转的三种常见方法
在练习中,我分博累发口小定逻间框加题览果些屏洁动理应们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转圈件浏用是刚.它学编套互学工久不都维逻直数构过曾结里总经网屏广明果名呢? 我圈调直年情,量的单框 ...
- java中3秒自动跳转_HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面 里面添加代码: 复制代码代码如下: //3秒之后自动 ...
- 小程序跳到h5页面_小程序如何跳转h5页面
小程序跳转H5页面是通过web-view组件来实现的,web-view是一个可以用来承载网页的容器,会自动铺满整个小程序页面. 1.配置业务域名 小程序账号必须是企业账号,个人和海外账号暂不支持,只有 ...
- php未登录跳到登陆页面,vue实现未登录跳转到登录页面的方法
环境:vue 2.9.3; webpack;vue-router 目的:实现未登录跳转 例子:直接在url地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给 ...
- 小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
- cf自动退出服务器,win7登录穿越火线CF后自动退出四种解决方法
穿越火线CF是一款第一人称射击网游,很多游戏玩家都喜欢玩这款游戏,可是一些用户说win7登录穿越火线CF后自动退出,导致游戏没办法继续进行,怎么回事呢?造成win7登录穿越火线CF后自动退出的原因有很 ...
- java跳转html页面_springboot 2.0.8 跳转html页面
springboot 成功创建了后,继续写一下跳转到html页面的方法, 这里我把 jsp和html 分开两篇文章.然后再写一个两种方式整合的 这篇 是跳转到html文件的 1创建目录结果和html ...
- 登录验证,未登录时跳转登录页面,登录了直接跳转相应页面(vue)(vue-router)
需求: 当别人直接使用链接地址打开我们项目时,我们为了安全和用户信息考虑,我们就可以对路由跳转做导航守卫,以便用户未登录时,跳转登录页,已经登录的,可直接去往想要的页面 话不多说,上代码: // 为路 ...
- java跳转kotlin页面_Kotlin:return与跳转
Kotlin有两种跳转:循环跳转(break与continue)和返回跳转(return). Label label语法:labelName@ label可以放在任何表达式之前,用来标记表达式.如lo ...
最新文章
- Flex 学习笔记------as 与 js 的通信
- mybatis整合spring下的的各种配置文件
- Oracle通过主键id删除记录很慢
- RabbitMQ工作笔记-新建用户及创建虚拟主机
- 在Go中使用Protobuf
- bzoj1861[Zjoi2006]Book 书架
- NetworkComms.Net github下载地址
- 交易系统开发(七)——交易延迟分析
- 项目管理表格模板/实用表格-WBS及WBS字典
- word新建文档默认文件名_如何更改保存Word文档时使用的默认文件名
- win10 nginx安装和使用
- 电脑视频加水印软件 视频消重
- 数学建模——决策树(sklearn)
- 曲面细分着色器---细分二维四边形
- 华为微型计算机,8英寸华为平板M5青春版今日发布
- 计算机基础活页式教材模板,大学计算机基础WORD文章(排版前)
- 蓝桥杯十大常见天阶功法——虫之呼吸.贰之型.二分
- 线性表应用 多项式加法
- 开源学:开源史学纲要
- 关于Eclipse 3 + Lomboz 3 + Tomcat 5 设置的文档。