倒计时代码 网址跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了倒计时代码 网址跳转相关的知识,希望对你有一定的参考价值。

谁能帮帮忙 我需要一个在网页加入这样的功能。具体要求是倒计时是以这样的“01:12:55”方式倒数。倒数结束后,网址跳转到我可以设定的地址。
不好意思 请看清楚我的提问 请不要随便复制粘贴别的答案,谢谢

<script>
var hour=1;
var minute=12;
var second=55;
function change_time()
second--;
if(second==-1)
second=59;
minute--;
if(minute==-1)
minute=59;
hour--;
if(hour==-1)
hour=0;
minute=0;
second=0;
clearTimeout(sid);
window.open("你转向的地址");



document.getElementById("txtHour").value=hour;
document.getElementById("txtMinute").value=minute;
document.getElementById("txtSecond").value=second;
var sid=setTimeout("change_time()",1000);

</script>
</head>

<body onload="change_time()">
<div>
<input type="text" id="txtHour" />:
<input type="text" id="txtMinute" />:
<input type="text" id="txtSecond" />
</div>
</body>

这是我写的代码,你去调试一下吧,应该没问题
参考技术A <span id='backL'></span>秒以后将返回<a href=index.html>首页</a>,如果5秒以后页面没有跳转,请点击<a href='index.html'>这里</a>

<script type=text/javascript>
var t=5;
function later_back()
backL.innerHTML=t;
t--;
if (t==0) location.href='index.html';
setTimeout("later_back();",1000);

later_back();
</script>

修改密码成功后,倒计时三秒后,跳转到登录页面

简单描述:需求上说,修改密码完成之后,要有个倒计时3秒,倒计时完成之后,才返回到登录页面,而不是修改完密码,立即返回到登录的页面

代码:

//html代码
<div class="portlet light bordered" id="loginbox">
<div class="tab-content">
<div class="row">
<form action="" class="horizontal-form" method="post" id="searchForm" autocomplete="off">
<div class="col-md-12">
<div class="col-md-6">
<label class="control-label flex" style="margin-top: 10px;">
原密码:
</label>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<div class="control-group">
<div class="controls">
<div class="main_input_box">
<input type="password" name="name" id="passwordOri" class="form-control"
placeholder="请输入原密码"
maxlength="50" allowKeyboard="true" value=""/>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<label class="control-label flex" style="margin-top: 10px;">
新密码:
</label>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<div class="control-group">
<div class="controls">
<div class="main_input_box">
<input type="password" name="name" id="passwordNew" class="form-control"
placeholder="请输入新密码"
maxlength="50" allowKeyboard="true" value=""/>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<label class="control-label flex" style="margin-top: 10px;">
确认新密码:
</label>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<div class="control-group">
<div class="controls">
<div class="main_input_box">
<input type="password" name="name" id="passwordCon" class="form-control"
placeholder="确认新密码"
maxlength="50" allowKeyboard="true" value=""/>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="col-md-6" style="margin-top: 10px;float: right;clear: right" id="showmsg">
<button class="btn sbold default" id="resetConten" style="float: right;margin-left: 10px;">
<span class="ladda-label">清空</span>
</button>
<button class="btn sbold blue" id="confirm" style="float: right;">
             <span class="ladda-label" onclick="checkServer()">确认修改</span>
</button>
</div>
</div>
</div>
</div>
//js代码
$.ajax({
type: "POST",
url: rootPath + ‘/pri/user/changePassword‘,
data: {keyData:code},
dataType:‘json‘,
cache: false,
success: function(data){
if("success" == data.result){
$("#loginbox").tips({
sids:1,
msg:"修改成功,将在3秒后返回登录界面,请重新登录!",
bg : ‘#FF5080‘,
time:3
});
var t=parseInt(3);
window.setInterval(function () {
if(t>0){
$("#showmsg").html(‘还剩下<a class="flip-link btn btn-info">‘+t+‘秒‘+‘</a>秒刷新‘);
}else{
var path = rootPath+‘main/logout‘;
top.location.href=path;
}
t--;
},1000);
}else if("fail" == data.result){
$("#passwordOri").tips({
side : 1,
msg : "原始密输入不正确",
bg : ‘#FF5080‘,
time : 3
});
$("#passwordOri").focus();
return false;
}else{
$("#passwordOri").tips({
side : 1,
msg : "异常",
bg : ‘#FF5080‘,
time : 3
});
$("#passwordOri").focus();
return false;
}
}
});

总结:代码就这一点,主要用到了 window.setInterval(code, delay), 具体了解请查阅https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval
























































































































以上是关于倒计时代码 网址跳转的主要内容,如果未能解决你的问题,请参考以下文章

倒计时自动跳转代码问题

JS倒计时网页自动跳转代码

各种页面定时跳转(倒计时跳转)代码总结

[javascript]各种页面定时跳转(倒计时跳转)代码总结

小代码   html 自己网页倒计时跳转

网页上有10秒倒计时,完了后就自动跳转到另一个网页上html代码?