php动态倒计时,php实现倒计时效果
现在很多的团购网站上都有剩余时间的显示。显示剩余时间可以使用javascript来实现,但是我们会发现使用javascript来实现的话不安全,因为javascript获取的是客户端的时间。比方说,这次团购已经结束了,但是懂技术的访客只要修改他客户端电脑的时间就又显示该商品还可以购买。很明显,这不是我们网站设计的初衷。团购结束了就不可以再购买啦。这里写了一个考试系统剩余时间倒计时的显示代码和大家一起探讨。
实现原理:
php获取的是服务器端的时间,我们只要设置考试的开始时间和结束时间及当前时间。如果当前的时间不在我们的考试时间范围内,则显示给考生“当前不在考试时间段!”。如果在考试时间范围内,则获取当前时间,结束时间减掉当前时间就是剩余的时间,将剩余时间格式化输出就是“剩余考试时间:2小时56分32秒”这样的形式。服务器端获得了剩余时间后,我们还要在客户端动态的显示剩余时间的倒计时。这就需要用ajax来实现了。在开始前大家先熟悉几个函数吧!
php函数:
strtotime();//将任何英文日期转换为时间戳
floor();//舍去法取整,和int()强制转换相识
json_encode()//对变量进行json编码,返回字符串
简单的剩余天数计算:
date_default_timezone_set('asia/hong_kong');
$startdate = '2015-8-11';
$enddate = '2015-8-31';
// 将日期转换为unix时间戳
$startdatestr = strtotime($startdate);
$endtdatestr = strtotime($enddate);
$total = $endtdatestr-$startdatestr;
$now = strtotime(date('y-m-d'));
$remain = $endtdatestr-$now;
echo '为期:'.$total/(3600*24).'天
';
echo '剩余:'.$remain/(3600*24).'天';
效果:
简单的剩余时间计算:
date_default_timezone_set('asia/hong_kong');
$starttime = '09:00:00';
$endtime = '18:00:00';
// 将时间转化为unix时间戳
$starttimestr = strtotime($starttime);
$endtimestr = strtotime($endtime);
$total = $endtimestr - $starttimestr;
$resthours = 1; // 休息1小时
$now = strtotime(date('h:i:s'));
$remain = $endtimestr - $now;
echo '上班时间:'.($total/3600-$resthours).'小时
';
echo '还有:'.floor(($remain/3600)).'小时'.floor($remain/60).'分钟下班';
效果:
前后端配合实现考试剩余时间:
html布局
考试剩余时间:
00小时00分00秒
js脚本
function dealdata(id,value){
var place = document.getelementbyid(id);
place.innerhtml = value;
}
window.setinterval(function(){ // 每秒从服务器取一次数据
var ajax = new ajax();
ajax.get("remain_time.php?a="+math.random(),function(data){
eval("var dtime = "+data);
dealdata('hour',dtime.hour);
dealdata('minute',dtime.minute);
dealdata('second',dtime.second);
});
},1000);
php代码:
date_default_timezone_set('prc');
$start_time = '09:00:00';
$end_time = '18:00:00';
$start_famate_time = strtotime($start_time);//开始时间转化为时间戳
$end_famate_time = strtotime($end_time); //结束时间转化为时间戳
$now_time = time();
if($end_famate_time < $now_time || $start_time > $now_time){
echo '当前不在考试的时间范围内!';
exit;
}
$remain_time = $end_famate_time-$now_time; //剩余的秒数
$remain_hour = floor($remain_time/(60*60)); //剩余的小时
$remain_minute = floor(($remain_time - $remain_hour*60*60)/60); //剩余的分钟数
$remain_second = ($remain_time - $remain_hour*60*60 - $remain_minute*60); //剩余的秒数
echo json_encode(array('hour'=>$remain_hour,'minute'=>$remain_minute,'second'=>$remain_second));
以上就是php实现倒计时的关键代码,希望对大家的学习有所帮助。
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
php动态倒计时,php实现倒计时效果相关推荐
- android 动态创建view,react-native动态创建Android View 无效果
问题描述 react-native动态创建Android View 无效果,我想在react-native里面直接点击函数进行创建,也就是通过module中的方法创建View 问题出现的环境背景及自己 ...
- android 日历翻页动画,Android开源库合集:轻松实现Android动态,炫目:日历效果...
前言: 了解过那种动态,炫目的日历效果吗?你知道是怎么 操作的嘛?是否想过,用UI就可以实现,对,也许你说的对,不过UI只是都是动态效果的一部分.那么今天用Annroid开源库,来告诉你android ...
- Axure的动态面板制作tab切换效果
最近进行机房合作画原型图的时候用到了Axure画图软件,画出来的图感觉棒棒哒!在画结账窗体的时候确实遇到了一些问题,因为有动态效果图,点击不同的Tab时要有不同的界面显示,所以学习了一下! 结合注册窗 ...
- html鼠标滑过导航条展开导航条,JS+CSS实现鼠标滑过时动态翻滚的导航条效果
本文实例讲述了JS+CSS实现鼠标滑过时动态翻滚的导航条效果.分享给大家供大家参考.具体如下: 这是一款鼠标悬停时动态翻滚的导航条,注意这里用了两个背景图,请等待网页加载完成或多刷新几次,这个是使用J ...
- html动态轮播效果怎么做,详解JavaScript实现动态的轮播图效果
利用javascript能实现常见的动态的网页轮播图效果,如下图1所示: 图1 实现该轮播图有以下几个要点: (1)在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之 ...
- html倒计时10s,js 倒计时10s
允许点击 var wait = 10; function time(o){ if(wait==0){ o.innerHTML = "允许点击"; o.removeAttribute ...
- Unity Shader 之 实现简单的动态过场切换图片的效果
Unity Shader 之 实现简单的动态过场切换图片的效果 目录 Unity Shader 之 实现简单的动态过场切换图片的效果 一.简单介绍
- php mysql倒计时_php实现倒计时效果,_PHP教程
php实现倒计时效果, 现在很多的团购网站上都有剩余时间的显示.显示剩余时间可以使用Javascript来实现,但是我们会发现使用Javascript来实现的话不安全,因为Javascript获取的是 ...
- vue 倒计时 插件_vue中实现倒计时组件与毫秒效果
时分秒倒计时组件 template {{ getHours1 }} {{ getHours2 }} : {{ getMinutes1 }} {{ getMinutes2 }} : {{ getSeco ...
最新文章
- 史无前例的 HTML5 资源参考指南
- 2019计算机科学与技术调剂信息,福建师范大学计算机科学与技术2019考研调剂信息...
- Golang 大杀器之跟踪剖析 trace(转载)
- Web前端JavaScript笔记(2)字符串
- OpenCV安装与第一个程序
- MTK:UART串口收发数据
- BZOJ 1607 [Usaco2008 Dec]Patting Heads 轻拍牛头:统计 + 筛法【调和级数】
- 【LeetCode】026. Remove Duplicates from Sorted Array
- ospf 几种LSA类型的总结
- 拓端tecdat|R语言解决最优化问题-线性规划(LP)问题
- android多屏幕共享,一种实现多人屏幕无线共享的方法技术
- 【漏洞复现-coldfusion-文件读取】vulfocus/coldfusion-cve_2010_2861
- debian linux下载路径,Debian 常用命令,debian常用命令
- fixedsys字体 win7_fixedsys字体 win7_帮您win7系统记事本像Word文档一样更换字体的解决步骤...
- 七大开放式联网企业商业模式
- 2018开春大礼:750页电子书 + 33场技术沙龙资料 + 17场线上课程分享
- 从头开始react后台管理系统-安装ant-Design
- java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw
- 宁乡首届春耕节开幕,在寓教于乐中弘扬传统文化
- mysql索引linke和等于_MySQL之SQL优化详解(三)
热门文章
- 哈佛MBA的几个经典讲座
- RS232RS485串口的区别
- Debian10 安装后网络配置
- 90后不是只会吃喝玩乐
- RabbitMQ消息中间件技术精讲(三)
- qq登录无法连接服务器未响应,Windows7系统中登录QQ时提示腾讯qq未响应的解决方法...
- SSM-MyBatis一些知识点()
- hadoop配置遇到问题的解决
- 青岛理工大学微型计算机系统,青岛理工大学2012-2013年微型计算机技术试题a.docx...
- Neat Stuff Custom Draw