【JS】js学习笔记之用js实现定时器倒数跳转至指定网页或首页
2017-12-18 09:26
267 查看
js学习笔记之用js实现定时器倒数跳转至指定网页或首页:
直接上源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
success! <span id="showTime">5</span>s后跳转至首页,若没有跳转,请点击<a href="http://www.baidu.com">这里</a>
</body>
<script type="text/javascript">
var beginTime = 5;
var timer = setInterval(function(){
var time = document.getElementById('showTime');
beginTime--
time.innerHTML = beginTime;
if(beginTime==0)
{
window.location = "http://www.baidu.com";
clearInterval(timer);
};
},1000);
</script>
</html>
效果如下:
直接上源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
success! <span id="showTime">5</span>s后跳转至首页,若没有跳转,请点击<a href="http://www.baidu.com">这里</a>
</body>
<script type="text/javascript">
var beginTime = 5;
var timer = setInterval(function(){
var time = document.getElementById('showTime');
beginTime--
time.innerHTML = beginTime;
if(beginTime==0)
{
window.location = "http://www.baidu.com";
clearInterval(timer);
};
},1000);
</script>
</html>
效果如下:
相关文章推荐
- node.js 学习笔记003 :使用superagent和cheerio实现简单网页爬虫
- 个人笔记 js 14 js实现点击单元格行跳转链接到指定页面
- html学习笔记(四)——点击div实现网页页面跳转
- js实现网页多少秒后自动跳转到指定网址
- JS实现网页跳转的几种方法
- (ios开发学习笔记四)利用toolbar实现多窗体跳转
- 网页实现定时跳转(asp.net + js)
- 学习笔记(1)在 ASP.NET 网页中不经过回发而实现客户端回调
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理
- 使用js实现倒数和跳转页面
- js实现网页跳转的五种方法
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第27讲_js一维数组_一维数组细节_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理
- js实现网页跳转的5种方法
- 前端攻城狮学习笔记三:实现一个URI解析方法,把url里#之后的参数解析成指定的数据结构。
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第25讲_js系统函数_js函数调用方式_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第21讲_js运算符2_js移位运算_学习笔记_源代码图解_PPT文档整理
- js实现网页“设为首页”
- 学习笔记---使用prototype.js扩展struts标签实现xmlhttprequest