JavaScript倒计时跳转到另一个页面

需求

页面上显示一个倒计时5秒的数字，到了5秒以后跳转到另一个页面

案例分析

页面上创建一个span用于显示变化的数字，点返回链接直接跳转。
定义一个变量为5，每过1秒调用1次刷新refresh()函数
编写函数，修改span中的数字
判断变量是否为1，如果是1则跳转到新的页面

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>倒计时跳转到另一个页面</title>
</head>
<body>
<body>
<a href="https://www.google.com/">直接跳转</a>
<span id="time">5</span>秒后回到主页
<script type="text/javascript">//定义一个变量为5var count = 5;//一开始就执行window.setInterval("refresh()", 1000);function refresh() {if (count >= 0 ) {//修改span中的数字document.getElementById("time").innerText = count--;}else {location.href = "http://www.google.com";}}
</script>
</body>
</html>

效果

JavaScript倒计时跳转到另一个页面相关推荐

js实现5秒之后跳转到另一个页面
最近在做网上书城项目时,总结了两种方式实现5秒之后跳转到另一个页面. 第一种方式:直接在jsp页面中写入js代码: msg.jsp代码如下: <%@ page language="ja ...
php 跳转回上一个页面,php跳转回上一个页面
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...
php跳转到另外一个方法,PHP 页面跳转到另一个页面的多种方法方法总结
PHP 页面跳转到另一个页面的多种方法方法总结一用 HTTP 头信息也就是用 PHP 的 HEADER 函数 PHP 里的 HEADER 函数的作用就是向浏览器发出由 HTTP 协议规定的本来应该 ...
java中登陆界面怎么连接到下一个界面啊_JavaWeb登陆成功后跳转到上一个页面
JavaWeb登陆成功后跳转到上一个页面,这个标题注定要词不达意,你可能会遇到这样的情形,当点击页面的某个请求时,由于用户未登录,需要跳转到登录页,用户登录成功后,再跳转到上一个页面:还有一种情况,多 ...
JavaWeb登陆成功后跳转到上一个页面
JavaWeb登陆成功后跳转到上一个页面,这个标题注定要词不达意,你可能会遇到这样的情形,当点击页面的某个请求时,由于用户未登录,需要跳转到登录页,用户登录成功后,再跳转到上一个页面:还有一种情况,多 ...
点击跳转到另一个页面
当点击时跳转到另一个页面 Train这个文件创建的是page,不是创建的component 当我点击这个文本时跳转到下边这个页面文件名:Navs.wxml 文件名:Train.wxml 在Navs. ...
button active 跳转到另一个页面_一步一步实现一个古诗词网站（四）——首页
汪小黑:一步一步实现一个古诗词网站(三)--首页zhuanlan.zhihu.com 在上篇文章中,我们一步一步的实现了我们的静态首页,从中学习到了页面布局方面的知识. 在这篇文章中,我们将使用 J ...
【ASP.NET】登陆成功后如何跳转到上一个页面
当用户浏览网页的时候会在某个地方需要用户登陆才能继续浏览,用户登陆之后会自动跳转到刚刚浏览的页面.这个步骤是怎么实现的呢?net小伙在查阅相关资料实践之后终于明白了,其实很简单,先分享给大家吧. 当用 ...
jsp学习之路之实现一个用户信息页面并实现跳转到另外一个页面输出用户的相关信息
1.首先,打开MyEclipse工具,新建一个Web Project项目,取名为InputTest项目,打开其项目的WebRoot目录中的index.jsp,第一个先把首条语句即: <%@ pa ...

JavaScript倒计时跳转到另一个页面

需求

案例分析

代码

效果

JavaScript倒计时跳转到另一个页面相关推荐

最新文章

热门文章