使用JavaScript实现页面定时跳转并显示倒计时
2016-02-04 20:33
459 查看
[size=medium][size=medium][/size]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] 阅读更多
相关文章推荐
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- javascript使用定时函数实现跳转到某个页面
- 使用javascript实现页面定时跳转总结篇
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- javascript使用定时函数实现跳转到某个页面
- 使用javascript实现页面定时跳转总结篇
- javascript使用定时函数实现跳转到某个页面
- JavaScript实现动态倒计时跳转页面
- 基于JavaScript实现定时跳转到指定页面
- 基于JavaScript实现定时跳转到指定页面
- 使用JavaScript实现在页面中显示距离2017年中秋节的天数
- js实现页面定时跳转刷新【javascript】
- javascript实现倒计时跳转页面
- Javascript 实现倒计时跳转页面代码
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- 使用Javascript实现跳转页面和打开新窗口的方法
- 利用javaScript实现页面倒计时跳转
- 使用JavaScript实现在页面中显示距离2017年中秋节的天数
- Android使用Intent显示实现页面跳转
- JavaScript实现倒计时跳转页面功能【实用】