caichenglong
- 浏览: 148430 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
[size=medium]1.创建一个就简单的页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面定时自动跳转并显示倒计时</title>
</head>
<body>
<h1>自动跳转：<span id="wait">4</span></h1>
</body>
</html>
2.js函数
/**
* 定时跳转
* href 要跳转的链接
* elemId 显示时间元素
*/
function TimeLocation(href,elemId){
var elem = document.getElementById(elemId);
var interval = setInterval(function(){
var time = --elem.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
}
},1000);
}
3.调用
window.onload=function(){
TimeLocation('localhost','wait');
}[/size]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面定时自动跳转并显示倒计时</title>
</head>
<body>
<h1>自动跳转：<span id="wait">4</span></h1>
</body>
</html>
2.js函数
/**
* 定时跳转
* href 要跳转的链接
* elemId 显示时间元素
*/
function TimeLocation(href,elemId){
var elem = document.getElementById(elemId);
var interval = setInterval(function(){
var time = --elem.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
}
},1000);
}
3.调用
window.onload=function(){
TimeLocation('localhost','wait');
}[/size]
分享到：
发表评论
-
java关联mongodb结合jessite实现分页
2019-05-30 14:16 623@RequiresPermissions("me ... -
maven 在类路径或引导类路径中找不到程序包 java.lang
2019-03-11 13:37 1173查看https://blog.csdn.net/bao199 ... -
Mac OSX安装启动 zookeeper
2019-02-26 15:11 796zookeeper支持brew安装 ➜ ~ br ... -
使用Gson将对象类转成Json对象时出现\u003d 、\u0027等情况的问题
2019-01-09 10:30 1712Gson gson = new GsonBuilder().d ... -
Java代码中访问链接提示java.io.IOException: Server returned HTTP response code: 403 for UR
2018-08-07 10:05 3153URL realURL = null; realURL ... -
Logger 日志输出请使用 {}
2018-08-02 14:21 1051有的人写代码时，都习惯log日志直接用“+”号连接。这 ... -
HttpServletResponse addHeader() 与 setHeader() 区别
2018-07-30 10:51 1352对于addHeader() 和 setHeader()这两 ... -
解决ueditor上传到项目外的方法
2018-07-06 10:21 1615参考这两个链接，即可帮助你解决问题，第一个可以直接下载修改 ... -
Map转成JSON数据,根据key排序问题
2018-07-04 17:25 1939有时候我们根据前台页面显示的结构,去后台创建数据结构来方便查 ... -
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2018-07-04 17:23 926function updateRemark() { ... -
ajax返回map的值，同时在sucess返回时的显示
2018-07-04 17:20 1530代码： EventVo eventVo = eventSer ... -
【Java----List去重】
2018-07-02 14:17 878List<String> list = new A ... -
java实现定时任务的三种方法
2018-01-09 09:51 551/** * 普通thread * 这是最常见的，创建一个t ... -
MimeMessageHelper的基本用法
2017-04-27 19:50 3575MimeMessageHelper的基本用法 博客分 ... -
微信第三方登录接口
2016-08-18 10:35 1265随着手机微信的崛起，腾讯发布的微信联登确实很诱惑pc端的伙伴们 ... -
如何使用Java执行cmd命令？
2015-12-22 10:46 2531用JAVA代码实现执行CMD命令的方法! Runtime rt ... -
判断第二个日期比第一个日期大
2015-12-22 10:41 1532如何用脚本判断用户输入的的字符串是下面的时间格式2004-1 ... -
c/s模式 和b/s模式有什么区别
2015-12-22 09:57 1984C/S模式是一种两层结构的系统,第一层在客户机上安装了客户机应 ... -
jsp中的fn标签的使用
2015-11-27 15:48 8081，在jsp页面导入<%@ taglib prefix= ...
相关推荐
1. JavaScript定时跳转： JavaScript是最常用的语言来实现页面跳转。其基本原理是利用`setTimeout()`函数设置一个定时器，在指定时间后执行一个函数，该函数负责进行页面重定向。以下是一个简单的例子： ```...
当倒计时结束时，可以调用`window.location.href`来改变当前页面的URL，实现页面的自动跳转。这可以与倒计时逻辑相结合，确保在倒计时结束后，用户会被引导至预设的新页面。 此外，`texiao4202_1560680959`这个...
本文将对使用JavaScript实现页面定时跳转进行总结，展示三种实现方法，这些方法包括使用JavaScript内置的setTimeout函数，利用HTML的meta标签，以及结合JavaScript的setInterval函数进行倒计时跳转。 首先，使用...
在本文中，我们将探讨使用JavaScript实现倒计时跳转页面的方法。这一技术在网页设计中被广泛应用，比如在某些特定页面中，希望在一定时间后自动跳转到另一个页面，同时提供倒计时的提示给用户。本文将详细解读实现这...
- 创建一个`setInterval`函数，每秒更新倒计时的值，并将结果显示到页面上。 - 在更新过程中，要确保倒计时不会出现负数，当达到零时，如果需要无限循环，就重置倒计时。 4. **多行倒计时**： - 如果需要在同一...
在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中，我们可以看到一个结合了HTML、CSS以及JavaScript（可能包括jQuery）的实用示例，实现了圆形进度条展示时间倒计时，并在倒计时结束时自动跳转到指定页面。...
3. **使用JavaScript实现带倒计时的定时跳转**： 这种方法相对复杂，但提供了更丰富的用户体验，比如显示倒计时。以下代码会在10秒后跳转，并在页面上显示倒计时： ```html <!doctype html> <title>js...
本篇文章将详细介绍如何使用JavaScript实现一个简单的秒数倒计时自动跳转功能。 #### 二、需求分析 根据题目描述，我们需要实现的功能是： 1. **显示倒计时**：以秒为单位进行倒计时。 2. **自动跳转**：当倒计时...
总结来说，JavaScript实现倒计时页面跳转的核心在于利用`setInterval`或`setTimeout`设置定时任务，结合日期对象（`Date`）计算剩余时间，并在时间到点时执行跳转。通过巧妙地设计逻辑，可以实现各种各样的倒计时...
在本文中，我们将探讨如何使用JavaScript实现一个倒计时跳转页面的功能，这在许多网页应用中非常常见，比如表单提交后的确认页面。 首先，我们需要在HTML页面中设置一个用于显示倒计时的元素，通常是`<span>`或`...
5. 按钮文本会实时更新，显示剩余的秒数，直到倒计时结束并自动跳转。 请注意，为了使代码更具可维护性和复用性，你可以将这部分逻辑封装成一个独立的函数，然后在需要的地方调用它。 总的来说，实现这个功能的...
总结来说，这个实例展示了如何在ASP.NET中创建一个通用的定时跳转页面，通过JavaScript实现动态的倒计时，并利用ASP.NET的`Response.Redirect`和查询字符串传递数据。这种方法可以在多种场景下使用，例如在操作成功...
在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中，开发者结合JavaScript（JS）创建了一个实用的前端特效，即一个圆形进度条在达到一定进度后触发页面跳转，这在网页应用中常用于倒计时活动或加载状态的展示...
本文将深入探讨如何使用JavaScript（js）和层叠样式表（CSS）来实现一个可倒计时、可关闭、可重播的6秒全屏头部广告，6秒后自动隐藏，并能为广告内容添加链接的功能。这一技术在提升用户体验的同时，也能有效传达...
6. **结束处理**：当倒计时结束后，你可以清除定时器，同时执行任何必要的结束操作，如显示一条消息或跳转到新的页面。 在压缩包中的"jiaoben181170"可能是代码文件名，可能包含这个倒计时功能的完整实现。下载并...
总结，通过JavaScript实现定时跳转到指定页面的核心在于使用`setInterval()`函数创建倒计时，并在倒计时结束后利用`location.href`进行页面跳转。同时，考虑到浏览器兼容性问题，需要适配不同浏览器的文本属性。这样...
在倒计时跳转的场景中，通常会使用`setInterval`来周期性地更新倒计时显示，并在倒计时结束时执行页面跳转的操作。 3. 实现倒计时跳转的步骤 要实现倒计时跳转，我们需要考虑以下几个步骤： - 确定倒计时的总...
在这个例子中，定义了一个名为`delayURL`的函数，该函数每秒会递减倒计时时间，并更新显示的值，直到时间减至0时执行页面跳转： ```javascript function delayURL(url) { var time = document.getElementById("time...
### jQuery 定时与倒计时功能实现 在前端开发中，定时器和倒计时是常见的需求之一，尤其在需要展示剩余时间、活动倒计时等场景下尤为重要。本文将详细介绍如何使用jQuery来实现一个基本的倒计时功能。 #### 一、...