caichenglong
- 浏览: 143908 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
[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 578@RequiresPermissions("me ... -
maven 在类路径或引导类路径中找不到程序包 java.lang
2019-03-11 13:37 1119查看https://blog.csdn.net/bao199 ... -
Mac OSX安装启动 zookeeper
2019-02-26 15:11 733zookeeper支持brew安装 ➜ ~ br ... -
使用Gson将对象类转成Json对象时出现\u003d 、\u0027等情况的问题
2019-01-09 10:30 1630Gson gson = new GsonBuilder().d ... -
Java代码中访问链接提示java.io.IOException: Server returned HTTP response code: 403 for UR
2018-08-07 10:05 3077URL realURL = null; realURL ... -
Logger 日志输出请使用 {}
2018-08-02 14:21 963有的人写代码时，都习惯log日志直接用“+”号连接。这 ... -
HttpServletResponse addHeader() 与 setHeader() 区别
2018-07-30 10:51 1310对于addHeader() 和 setHeader()这两 ... -
解决ueditor上传到项目外的方法
2018-07-06 10:21 1571参考这两个链接，即可帮助你解决问题，第一个可以直接下载修改 ... -
Map转成JSON数据,根据key排序问题
2018-07-04 17:25 1888有时候我们根据前台页面显示的结构,去后台创建数据结构来方便查 ... -
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2018-07-04 17:23 860function updateRemark() { ... -
ajax返回map的值，同时在sucess返回时的显示
2018-07-04 17:20 1487代码： EventVo eventVo = eventSer ... -
【Java----List去重】
2018-07-02 14:17 828List<String> list = new A ... -
java实现定时任务的三种方法
2018-01-09 09:51 492/** * 普通thread * 这是最常见的，创建一个t ... -
MimeMessageHelper的基本用法
2017-04-27 19:50 3507MimeMessageHelper的基本用法 博客分 ... -
微信第三方登录接口
2016-08-18 10:35 1230随着手机微信的崛起，腾讯发布的微信联登确实很诱惑pc端的伙伴们 ... -
如何使用Java执行cmd命令？
2015-12-22 10:46 2478用JAVA代码实现执行CMD命令的方法! Runtime rt ... -
判断第二个日期比第一个日期大
2015-12-22 10:41 1488如何用脚本判断用户输入的的字符串是下面的时间格式2004-1 ... -
c/s模式 和b/s模式有什么区别
2015-12-22 09:57 1932C/S模式是一种两层结构的系统,第一层在客户机上安装了客户机应 ... -
jsp中的fn标签的使用
2015-11-27 15:48 7731，在jsp页面导入<%@ taglib prefix= ...
相关推荐
下面对使用JavaScript实现页面定时跳转（也称倒计时跳转）做一下总结，各种定时跳转代码记录如下： （1）使用 setTimeout 函数实现定时跳转（如下代码要写在body区域内） 代码如下: [removed] // 3秒钟之后跳转到...
在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数，当然还可以使用页面的meta实现了，下面使用js实现的几个代码
Javascript倒计时（定时）执行跳转事件的代码，需要的朋友可以参考下
文本框实现搜索，页面定时跳转，倒计时，网页时钟等等实用效果。
8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和双击事件 8.12 带链接的滚动字幕 8.13 会跳舞的...
8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和双击事件 8.12 带链接的滚动字幕 8.13 会跳舞的...
项目中 有多个action 完成一个功能之间跳转 页面按钮的 计时置灰 定时提交 只有你想不到 没有找不到 总结就是 不下载是你的损失
(3)使用BOM调用浏览器功能1次，例如页面滚动、秒杀倒计时、打印、通知、本地存储等。 (4)使用ECharts库(https://echarts.apache.org)实现数据可视化1次。使用Swiper框架(https://www.swiper.com.cn)实现轮播图1次。 ...
可以通过提交自定时间，让网页倒计时跳转到指定的网页。
实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交...
实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交...
页面一postback，它就显示页面的最顶端，怎样让它定位在某一位置？ 如何保证页面刷新后的滚动条位置 清除网页历史记录，屏蔽后退按钮! 如何传值在2个页面之间 ：要求不刷新父页面，并且不能用Querystring传值 Asp...