風(fēng)信建站實(shí)際項(xiàng)目開(kāi)發(fā)代碼片段分享,以下為通過(guò)實(shí)現(xiàn)JQuery定時(shí)器9秒后自動(dòng)登陸系統(tǒng)的代碼,我們加入了一個(gè)定時(shí)器,并且在前端頁(yè)中顯示9秒倒計(jì)時(shí)。
HTML代碼:
<div style="padding:0 32px;color:#666666;">
<span id="send" class="f_red">9</span>秒后自動(dòng)登錄系統(tǒng)...
</div>
//頁(yè)面定期刷新,如果加url的,則會(huì)重新定向到指定的網(wǎng)頁(yè),content后面跟的是時(shí)間(單位秒)
<meta http-equiv="refresh" content="9;URL={$url}"/>
JQuery代碼:
<script type="text/javascript">
var i = 9;
var interval=window.setInterval(
function() {
if(i == 0) {
clearInterval(interval);
} else {
$('#send').html(i);
i--;
}
},
1000);
</script>
HTML代碼:
<div style="padding:0 32px;color:#666666;">
<span id="send" class="f_red">9</span>秒后自動(dòng)登錄系統(tǒng)...
</div>
//頁(yè)面定期刷新,如果加url的,則會(huì)重新定向到指定的網(wǎng)頁(yè),content后面跟的是時(shí)間(單位秒)
<meta http-equiv="refresh" content="9;URL={$url}"/>
JQuery代碼:
<script type="text/javascript">
var i = 9;
var interval=window.setInterval(
function() {
if(i == 0) {
clearInterval(interval);
} else {
$('#send').html(i);
i--;
}
},
1000);
</script>