PHP+HTML實現登出界面倒計時效果

2020-03-22 17:43:26

字體：大中小

來源：轉載

供稿：網友

在WAMP(Windows+Apache+html' target='_blank'>MySQL+PHP)做網站時，通常需要使用Session記錄表單登陸用戶名和密碼等變量，而在登出時需要清除Session。通常我想實現的登出是通過alert提示用戶然后header跳轉，但下面的代碼是通過JavaScript實現的時間倒計時并跳轉到主頁的效果，主要是看到學校的BT網站等都是這個效果。
PS:參考 C# 系統應用之Cookie/Session基礎知識及php讀取Cookie/Session
代碼如下：

<?php	session_start();	session_destroy(); //清空以創建的所有SESSION	setcookie(session_name(),'',time()-1); 	$_SESSION = array();?><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>登出系統</title><link  href="css/mycss.css" type="text/css" rel="stylesheet"/></head><body>	<div id="main"><TABLE cellSpacing=0 cellPadding=0 width="100%" 		background="images/header_bg.gif" border=0>	<!--頭部圖片-->  <TR height=80>    <TD width=260>    	<IMG height=80 src="images/logo.gif" width=260>    </TD></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>  <TR bgColor=#1c5db6 height=20>    <TD></TD></TR></TABLE><!-- 布局中部 --><div id="middle"><div id="logout_middle">	<H3 style="COLOR: #880000">注銷成功</H3>	<H4>您已經登出系統！歡迎下次登錄!<br />系統將在	<input type="text" style='font-size:18px; border:0px; width:20px;' 		readonly="true" value="5" id="time">秒后返回主頁游客查看界面	</H4></div><!-- 時間函數 --><script language="javascript">	var t = 5;	var time = document.getElementById("time");	function fun()	{		t--;		time.value = t;		if(t<=0)		{			location.href="index.php";			clearInterval(inter);		}	}	var inter = setInterval("fun()",1000);</script></body></html>

實現的效果如下：