jquery几秒后跳转首页,倒数计时器
<#-- 页头 -->
<#assign pageTitle="成功激活账户">
<#include "/default/commons/header.ftl">
<div id="content-container" class="container">
<div class="row">
<div class="col-md-9 col-md-offset-2 ptl">
<div class="panel panel-default panel-page">
<div class="panel-heading"><h2>成功激活帐号</h2></div>
<div class="alert alert-success">${(user.nickname)!''},您的帐号已成功激活,<span style="text-decoration:underline;"><a href="/" style="color:#428BCA;">点击这里跳转至首页</a></span><span id="successText" style="margin:10px 10px;"></span></div>
</div><!-- /panel -->
</div>
</div>
</div><!-- /container -->
<#-- 页脚开始 -->
<#include "/default/commons/footerBegin.ftl">
<script type="text/javascript">
/*-------------------------------------------*/
var InterValObj; //timer变量,控制时间
var count = 5; //间隔函数,1秒执行
var curCount;//当前剩余秒数
$(document).ready(function(){
curCount = count;
var dealType; //验证方式
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
});
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
window.location = "/";
}
else {
curCount--;
$("#successText").text("系统会在" + curCount +"秒后自动跳转首页!");
}
}
</script>
<#-- 页脚结束 -->
<#include "/default/commons/footerEnd.ftl">