PHP+HTML实现登出界面倒计时效果

在WAMP(Windows+Apache+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>

实现的效果如下:

最后希望文章对大家有所帮助,也尝试不同风格,写点短文章。

(By:Eastmount 2015-2-21  http://blog.csdn.net/eastmount/)

时间: 02-20

PHP+HTML实现登出界面倒计时效果的相关文章

[Django]登陆界面以及用户登入登出权限

前言:简单的登陆界面展现,以及用户登陆登出,最后用户权限的问题 正文: 首先需要在settings.py设置ROOT_URLCONF,默认值为: ROOT_URLCONF  = 'www.urls'#用户请求django站点页面首先检查这个模块 这里的www.urls是我的工程www下urls.py文件 urls.py文件主要设置urlpatterns参数,设置如下: urlpatterns= [    url(r'^$', 'login.views.login_view', name='log

Android网络开发实例(基于抓包实现的网络模拟登录,登出和强制登出)

学习Android有几个月了,最近喜欢上了网络编程,于是想通过Android写一些一个小程序用于连接外网.在这里非常感谢雪夜圣诞的支持,非常感谢,给我打开新的一扇门. 1.声明,本程序只能用于西南大学连接外网登录,其他网站需要自己进行抓包测试. 2.声明,本文更多的是关注网络抓包已经,本地构造,如果有什么错误,请尽情指教,非常感谢. 3.声明,最后源代码,以全部上传github,需要的同志可以自行下载,文章结尾会附带链接. 废话不多说,正文开始: 学校官网 第一步,首先需要实现的是登录操作: 当

Andorid实现点击获取验证码倒计时效果

这篇文章主要介绍了Andorid实现点击获取验证码倒计时效果,这种效果大家经常遇到,想知道如何实现的,请阅读本文 我们在开发中经常用到倒计时的功能,比如发送验证码后,倒计时60s再进行验证码的获取,为了方便以后使用,这里做个记录,讲讲倒计时器的实现. 1.先进行倒计时工具类的封装 1 public class CountDownTimerUtils extends CountDownTimer { 2 private TextView mTextView; 3 4 /** 5 * @param

博客系统-程序结构-注册登录登出

注册 c判断是否提交了注册数据 是 l如果密码和用户名任一为空 l如果确认密码和密码不一致 m添加用户 c跳转登录页 否 c显示注册页面(提交验证) 登录 判断是否提交了登录数据 c后台验证登录数据->验证类 判断是否在锁定时间内 m判断是否存在登录数据 存在登录用户 重置失败次数和失败登录时间 更新登录时间,ip c设置session的用户名,用户id,权限,角色 c记录日志 c判断跳转(管理首页/跳转到来源页) 跳转 不存在登录用户 记录登录失败时间 跳转登录页 设置session 显示登录

我收集了多个android界面UI效果,深感大哥们的分享啊

初到oschina,看到很多大哥们分享了很好好的代码,近段时间,我收集了多个android界面UI效果,深感大哥们的分享啊.后来我将这些界面效果整合拢来,形成一个大的特效集合,一来为了查看方便,二来也为拷贝复制便捷.今日,将其共享出来,也算是为资源共享出一分力嘛. 直接上效果图: 可以看到上图中几个效果图,最上面九宫格图.左边一个是图书翻页效果图,都是比较经典的UI效果,当然还有很多,这些都是来源于oschina上的分享. 不过想说明一下,有部分地方小弟私自改动了,还请原作者原谅.例如,水波纹的

cas单点登出

由于项目需求要实现单点登出需要在网上找了N久终于实现单点登出. 使用cas-server-core-3.3.3.jar(CAS Server 3.3.3) 使用cas-client-core-3.1.3.jar(CAS Client 3.1.3) 项目结合CAS SpringSecurity SSH 普通项目(没有结合Spring Security)的可以在web.xml中加入如下代码 [xhtml] view plaincopy <filter> <filter-name>CAS

linux系统停留在登入界面,登入失败问题

今天一大早打开电脑,发现系统老是登入不了,起初怀疑是不是有人动了我电脑,因为上周五下班就回去了,公司有人加班. 后来发现应该是系统上的问题,才回想起上周五快下班的时候在配置JAVA环境,修改了/etc/profile配置文件,然后想办法进去删掉之前的修改,具体方法如下: 1.在登入界面按:alt+ctrl+f3,在终端输入用户名,密码 2.进入/etc/profile文件,修改或者删除相关配置 3.重启电脑 这样就好了,由于/etc/是系统的配置目录,profile属于系统启动读取的文件,所以出

jfinal与bootstrap的登出实战

前言:本篇推出"jfinal与bootstrap的登出实战",旨在介绍如果通过a标签弹出登出确认框,然后发送退出请求到jfinal,然后再刷新页面的做法.主要难点在于1.如果通过a标签的内容弹出登出确认框,2.如何通过a标签刷新对应弹出的页面. 前端技术 1.构建a标签 <a href="${ctx}/mem/logout" target="ajaxTodo" callback="ajaxDone" atitle=&qu

php 用CAS实现SSO单点登陆及登出功能

php用CAS实现SSO单点登陆及登出功能 一..CAS服务器搭建 CAS服务器端下载地址:http://downloads.jasig.org/cas/ 解压cas-server-4.0.0-release.zip将modules目录下的cas-server-webapp-4.0.0.war改名称为cas.war复制到tomcat的webapps下,启动tomcat,访问:http://localhost:8080/cas/login 就可以看到登录界面了: cas服务端默认采用的是 用户名=