Register
> 博客>

php动态倒计时代码

新星源码网 3月 18日 1 0 

php
<?php
// 未来目标时间
$target_date = strtotime("2024-12-31 23:59:59"); // 设置你的目标日期和时间

// 当前时间
$current_date = time();

// 计算剩余时间
$diff = $target_date - $current_date;

// 计算剩余的天数、小时、分钟和秒数
$days = floor($diff / (60 * 60 * 24));
$hours = floor(($diff - $days * 60 * 60 * 24) / (60 * 60));
$minutes = floor(($diff - $days * 60 * 60 * 24 - $hours * 60 * 60) / 60);
$seconds = $diff % 60;

// 输出倒计时
echo "距离目标时间还有：";
echo "$days 天, $hours 小时, $minutes 分钟, $seconds 秒";
?>

这段代码首先将未来目标时间和当前时间转换为时间戳，然后计算两者之间的差异，最后计算出剩余的天数、小时、分钟和秒数。最后，将这些值输出给用户。您可以根据自己的需求自定义目标日期和时间。

如果你想要实现动态的倒计时，让页面自动更新，你可以使用 JavaScript 结合 AJAX 或者 WebSocket 来实现。

php
<?php
// 未来目标时间
$target_date = strtotime("2024-12-31 23:59:59"); // 设置你的目标日期和时间

// 当前时间
$current_date = time();

// 计算剩余时间
$diff = $target_date - $current_date;

// 计算剩余的天数、小时、分钟和秒数
$days = floor($diff / (60 * 60 * 24));
$hours = floor(($diff - $days * 60 * 60 * 24) / (60 * 60));
$minutes = floor(($diff - $days * 60 * 60 * 24 - $hours * 60 * 60) / 60);
$seconds = $diff % 60;
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>动态倒计时</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    function updateCountdown() {
        $.ajax({
            url: "countdown.php",
            type: "GET",
            success: function(response) {
                $('#countdown').html(response);
            }
        });
    }

    updateCountdown(); // 初始加载
    setInterval(updateCountdown, 1000); // 每秒更新
});
</script>
</head>
<body>

<div id="countdown">
    距离目标时间还有：<?php echo "$days 天, $hours 小时, $minutes 分钟, $seconds 秒"; ?>
</div>

</body>
</html>

在这个例子中，我们使用了 jQuery 中的 AJAX 方法来定期获取 PHP 脚本中的倒计时值，并使用 JavaScript 更新页面上的倒计时显示。 setInterval 函数每秒调用一次 updateCountdown 函数，以便不断更新倒计时。

Related

热门文章

微海报