井井客

搜索

jquery倒计时10S后跳转到新页面

之前做的一个普通用户无权限访问页面,当打开这个页面时需求弹出对话框显示倒计并在10s后跳转到预定页面,下面是把主要代码扣出来,单独看的话还是满简单的。

jquery倒计时10S后跳转到新页面

代码如下:

<!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>jquery倒计时10S后跳转到新页面</title>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
</head>
<body>
倒计时跳转到<a href="http://www.jingjingke.com" class="abtn btnGreen">井井客首页</a>(<span id="timeSkip">10</span>)
<script>
	//倒计时10S跳转
	function lxfEndtime(){
		$t=$('#timeSkip').html();
		if($t!=0){
			$('#timeSkip').html($t-1);
			$i=setTimeout("lxfEndtime()",1000);
			if( $('#timeSkip').html() == 0 ){
				window.open('http://www.jingjingke.com','_self');
			}
		}
	}
	lxfEndtime();
</script>
</body>
</html>

jquery倒计时10S后跳转到新页面示例

代码很短,意思很好看出来。主要是建了一个函数,获取指定Id的元素内容(数字,倒计时用)且在内容不为0时,进行减1操作和延迟1S调用自身,最后当内容为0时跳转页面。

20160712新增JS原生的代码:http://www.jingjingke.com/c/12140.html

文章TAG:JQ

作者:井井客整理来源:互联网
本文标题:jquery倒计时10S后跳转到新页面
本文链接:/c/1561.html

上一篇:JS复制到剪切板(火狐浏览器还需调试)
下一篇:图集功能配件-小缩略图切换(限制显示五格)

文章分类

相关阅读

随便看看