jQuery+PHP动态显示(项目)实时时间和倒计时
2017-05-04 09:48
746 查看
jQuery动态显示当前时间:
html代码:<div id="current_time"></div>
setInterval()使用:setInterval(functionName,timeOut);
setInterval使用示例:
jQuery代码:
整合示例教程-->jQuery+PHP动态显示项目倒计时:
[b]html代码:[/b]
[b]PHP代码:[/b][b] //以TP框架为例,将php后台数据【项目截止时间】传到前端[/b]
[b][b][b]jQuery代码:[/b][/b][/b]
//比如写在一个.js文件里,在html页面引入即可。
最后一步:在html页面的脚本里调用引入js的GetRTime方法
/* setInterval()很重要:作用是每隔一定时间就调用函数,方法或对象。 */
html代码:<div id="current_time"></div>
setInterval()使用:setInterval(functionName,timeOut);
setInterval使用示例:
jQuery代码:
<script type="text/javascript"> setInterval(function() { var now = (new Date()).toLocaleString(); $('#current-time').text(now); }, 1000); </script>
整合示例教程-->jQuery+PHP动态显示项目倒计时:
[b]html代码:[/b]
<ul class="public-time-left"> <li><p id="time_d"></p><span>天</span></li> <li><p id="time_h"></p><span>小时</span></li> <li><p id="time_m"></p><span>分</span></li> <li><p id="time_s"></p><span>秒</span></li> </ul>
[b]PHP代码:[/b][b] //以TP框架为例,将php后台数据【项目截止时间】传到前端[/b]
$this->assign("endtime",$end_time); //不是时间戳,是格式化后的时间,方便js计算
[b][b][b]jQuery代码:[/b][/b][/b]
//比如写在一个.js文件里,在html页面引入即可。
/*倒计时*/ function GetRTime(){ var voere=voertime;
//不是时间戳,是格式化后的时间,方便js计算
var EndTime= new Date(voere); var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=0; var h=0; var m=0; var s=0; if(t>=0){ d=Math.floor(t/1000/60/60/24); h=Math.floor(t/1000/60/60%24); m=Math.floor(t/1000/60%60); s=Math.floor(t/1000%60); } document.getElementById("time_d").innerHTML = d ; document.getElementById("time_h").innerHTML = h ; document.getElementById("time_m").innerHTML = m ; document.getElementById("time_s").innerHTML = s ; }
最后一步:在html页面的脚本里调用引入js的GetRTime方法
/* setInterval()很重要:作用是每隔一定时间就调用函数,方法或对象。 */
<script type="text/javascript">var voertime = '{$deal_info.over_time}'; //php的截止时间,不是时间戳,是格式化后的时间,方便js计算
{if ($deal_info.end_time > $now or $deal_info.end_time eq 0) and $deal_info.begin_time < $now and $deal_info.is_effect eq 1 } setInterval(GetRTime,0); {/if} </script>
相关文章推荐
- 微信小程序+PHP:动态显示项目倒计时(格式:4天7小时58分钟39秒)
- php 自动更新时间(在页面动态显示时间)
- 实时显示当前时间php代码
- js动态显示实时时间
- 后台项目中用javaScript实现显示动态时间。。。
- 定时请求php 后台 AJAX 请求,在页面中倒计时,和显示刷新时间
- 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“××年还剩××天××时××分××秒”
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转
- PHP——实时显示当前时间
- PHP+JS动态显示当前时间
- web显示实时时间动态刷新
- php实时显示当前时间
- 一个php+js实时显示时间问题
- js显示当前时间(动态)以及限时抢购倒计时
- JavaScript动态显示当前时间和倒计时的设计(附全码)_AX
- Ajax+php实现动态显示时间
- JavaScript动态显示当前时间和倒计时的设计(附全码)
- PHP+JS动态显示服务器时间,本地时间
- PHP+JS动态显示服务器时间
- 微信小程序动态显示项目倒计时效果