PHP如何实现倒计时功能源代码下载

2022-04-13 0 842

在我们日常生活,倒计时在某种意义上来说几乎无处不在,比如淘宝限时购物、高考倒计时、假期倒计时等等。而在我们的开发过程中,也可能会遇到实现倒计时功能的需求。

对于初入门的 PHP 新手来说,或许有一点难度,但是只要掌握了倒计时的实现原理,就很容易实现了。另外,实现倒计时功能不能单纯的使用 PHP 语言,还需要借助 JavaScript 才行。如果大家对 JavaScript 感兴趣可以阅读本站的《JS入门教程》。

【示例】下面我们通过一段简单的代码为大家演示一下,如何使用 PHP 实现倒计时功能。

<!DOCTYPE html>

<html>

<head>

<title>PHP实现倒计时功能</title>

</head>

<body>

<?php

// 设置时区

date_default_timezone_set(‘PRC’);

//配置考试的开始结束时间

$starttimestr = date(‘Y-m-d H:i:s’, strtotime(‘now’));

$endtimestr = date(‘Y-m-d H:i:s’, strtotime(‘+2 hours 30 minutes’));

$starttime = strtotime($starttimestr);

$endtime = strtotime($endtimestr);

$nowtime = time();

if ($nowtime < $starttime) {

exit(“考试已经结束了,考试时间是:{$starttimestr}至{$endtimestr}”);

}

if ($endtime >= $nowtime) {

$lefttime = $endtime $nowtime; //实际剩下的时间(秒)

} else {

$lefttime = 0;

exit(“考试已经结束!”);

}

?>

<p>考试开始时间:<?php echo $starttimestr; ?></p>

<p>考试结束时间:<?php echo $endtimestr; ?></p>

<p>

距离考试结束还有:

<span id=“RemainD”></span>

<span id=“RemainH”></span> 小时

<span id=“RemainM”></span> 分钟

<span id=“RemainS”></span>

</p>

 

<script type=“text/javascript”>

var runtimes = 0;

function GetRTime() {

var lefttime = <?php echo $lefttime; ?> * 1000 runtimes * 1000;

if (lefttime >= 0) {

var nD = Math.floor(lefttime / (1000 * 60 * 60 * 24)) % 24;

var nH = Math.floor(lefttime / (1000 * 60 * 60)) % 24;

var nM = Math.floor(lefttime / (1000 * 60)) % 60;

var nS = Math.floor(lefttime / 1000) % 60;

document.getElementById(“RemainD”).innerHTML = nD;

document.getElementById(“RemainH”).innerHTML = nH;

document.getElementById(“RemainM”).innerHTML = nM;

document.getElementById(“RemainS”).innerHTML = nS;

runtimes++;

setTimeout(“GetRTime()”, 1000);

} else {

alert(‘考试结束了!’);

location.reload();

}

}

 

onload = function() {

GetRTime();

}

</script>

</body>

</html>

PHP如何实现倒计时功能源代码下载

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

智云谷资源共享网站 网络课堂 PHP如何实现倒计时功能源代码下载 https://www.zhiyungu.cn/wlkt/2455.html

我们只做高端Wordpress主题开发!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务