广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >使用javascript实现页面定时跳转总结篇
  • 782
分享到

使用javascript实现页面定时跳转总结篇

页面定时跳转倒计时跳转 2022-11-15 22:11:26 782人浏览 安东尼
摘要

下面对使用javascript实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用 setTimeout 函数实现定时跳转(如下代码要写在body区域

下面对使用javascript实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:

(1)使用 setTimeout 函数实现定时跳转(如下代码要写在body区域内)

<script type="text/javascript">
// 3秒钟之后跳转到指定的页面
setTimeout(window.location.href = "Http://3aj.cn/javascript/19.html", 3);
</script>

(2)html代码实现,在页面的head区域块内加上如下代码

<!-- 5秒钟后跳转到指定的页面 -->
<meta http-equiv="refresh" content="5;url=http://3aj.cn/javascript/19.html" />

(3)稍微复杂点,多见于登陆之后的定时跳转

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js定时跳转页面的方法</title>
</head>
<body>
<script type="text/javascript">
var t = 10; // 设定跳转的时间
setInterval("refer()", 1000); // 启动1秒定时
function refer(){
if (t == 0) {
location = "http://3aj.cn/javascript/19.html"; // 设定跳转的链接地址
}
document.getElementById('show').innerHTML = "" + t + "秒后跳转到PHP程序员教程网"; // 显示倒计时
t--; // 计数器递减
}
</script>
<span id="show"></span>
</body>
</html>

--结束END--

本文标题: 使用javascript实现页面定时跳转总结篇

本文链接: https://www.lsjlt.com/news/172646.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 使用javascript实现页面定时跳转总结篇
    下面对使用JavaScript实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用 setTimeout 函数实现定时跳转(如下代码要写在body区域...
    99+
    2022-11-15
    页面定时跳转 倒计时跳转
  • javascript怎么实现定时跳转页面
    本篇内容介绍了“javascript怎么实现定时跳转页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • Javascript倒计时页面跳转实例小结
    例1:复制代码 代码如下:<script type="text/javascript" language="JavaScript">    ...
    99+
    2022-11-15
    倒计时 页面跳转
  • 怎么实现javascript跳转到指定页面
    JavaScript是一种广泛用于Web页面交互和动态效果的编程语言。在Web开发中,跳转到指定页面是一项常见的任务,通常在用户点击一个链接或按下一个按钮时触发。本文将介绍不同方式的JavaScript跳转到指定页面的方法。window.l...
    99+
    2023-05-14
  • 使用javascript实现页面跳转的案例
    这篇文章主要介绍使用javascript实现页面跳转的案例,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!js页面跳转方法:1、使用“location.href="URL"”;2、使用“locati...
    99+
    2023-06-14
  • javascript中怎么使用window.location对象实现页面跳转
    这篇文章主要介绍“javascript中怎么使用window.location对象实现页面跳转”,在日常操作中,相信很多人在javascript中怎么使用window.location对象实现页面跳转问题上...
    99+
    2022-10-19
  • 使用php怎么实现页面跳转
    这期内容当中小编将会给大家带来有关使用php怎么实现页面跳转,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。php有什么特点1、执行速度快。2、具有很好的开放性和可扩展性。3、PHP支持多种主流与非主流的数...
    99+
    2023-06-14
  • 怎么使用jQuery实现页面跳转
    本篇内容主要讲解“怎么使用jQuery实现页面跳转”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用jQuery实现页面跳转”吧!一、跳转到链接我们可以使用 jQuery 中的 click(...
    99+
    2023-07-05
  • 怎么使用PHP代码实现跳转到指定页面
    这篇文章主要介绍了怎么使用PHP代码实现跳转到指定页面的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用PHP代码实现跳转到指定页面文章都会有所收获,下面我们一起来看看吧。跳转到指定页面的方法有多种,其中最...
    99+
    2023-07-05
  • php怎么使用函数实现页面跳转
    在网站开发过程中,页面跳转是一种常见的操作,可以通过各种方式来实现。而在PHP中,我们可以通过函数来实现页面跳转。本文将介绍一些PHP函数来实现页面跳转的方法。header函数header函数是PHP中的一个重要函数,可以用来设置HTTP头...
    99+
    2023-05-14
    跳转页面 php
  • 如何使用PHP实现延迟页面跳转
    PHP是一种流行的服务器端编程语言,被广泛地用于网站和Web应用程序开发。在很多情况下,我们需要在Web应用程序中实现一些复杂的操作,例如数据处理、文件上传等等。在这些操作完成后,我们可能需要将用户重定向到另一个页面。然而,有时我们希望延迟...
    99+
    2023-05-14
  • 怎么使用PHP实现延迟页面跳转
    本篇内容主要讲解“怎么使用PHP实现延迟页面跳转”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用PHP实现延迟页面跳转”吧!使用PHP sleep()函数sleep()函数是PHP提供的一...
    99+
    2023-07-05
  • php如何使用函数实现页面跳转
    这篇文章主要介绍“php如何使用函数实现页面跳转”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“php如何使用函数实现页面跳转”文章能帮助大家解决问题。header函数header函数是PHP中的一个...
    99+
    2023-07-05
  • Android中应用界面主题Theme使用方法和页面定时跳转应用
    主题Theme就是用来设置界面UI风格,可以设置整个应用或者某个活动Activity的界面风格。在Android SDK中内置了下面的Theme,可以按标题栏Title Bar...
    99+
    2022-06-06
    界面 方法 Android
  • 怎么使用ThinkPHP实现页面跳转到首页功能
    今天小编给大家分享一下怎么使用ThinkPHP实现页面跳转到首页功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。配置路由在...
    99+
    2023-07-05
  • 使用springboot跳转到指定页面和(重定向,请求转发的实例)
    目录springboot跳转到指定页面controller的写法springboot重定向和请求转发springboot重定向springboot的请求转发springboot转发和...
    99+
    2022-11-12
  • vue中如何使用this.$router.push()实现跳转页面
    这篇文章主要介绍了vue中如何使用this.$router.push()实现跳转页面,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。this....
    99+
    2022-10-19
  • vue中如何使用router-link实现跳转页面
    这篇文章主要介绍了vue中如何使用router-link实现跳转页面,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。router-link跳转...
    99+
    2022-10-19
  • vue 使用vuex在页面跳转的实现方式
    目录vue 使用vuex在页面跳转第一种方式:使用 router 动态路由传参,将需要的数据带过去第二种方式:使用vuexvuex 页面跳转参数存储获取vue中我们用于页面跳转有三种...
    99+
    2022-11-12
  • 如何使用PHP实现满足条件跳转页面
    PHP是一种流行的编程语言,许多网站和应用程序都使用它来处理数据和创建动态内容。在网站开发中,有时需要根据特定条件将用户重定向到不同的页面,这可以通过PHP实现。在本文中,我们将讨论如何使用PHP实现满足条件跳转页面。检查条件要实现条件跳转...
    99+
    2023-05-14
    php
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作