模拟时钟-PHP和Javascript-date函数

模拟时钟-PHP和Javascript-date函数,javascript,php,html,date,time,Javascript,Php,Html,Date,Time,对于我个人的挑战,我正在尝试重建一个低保真的房间。在房间里,我想显示一个带有当前时间的模拟时钟,完全用PHP编程 我目前能够通过if语句“硬编码”它,但现在我想在正确的时间每分钟移动一次会议记录部分。我在网上找不到它,所以我希望你能在这里帮助我!不知何故,我需要将此设置为for循环,但我不知道如何迭代css部分 非常感谢您的帮助 <div class="clock"> <?php

对于我个人的挑战,我正在尝试重建一个低保真的房间。在房间里,我想显示一个带有当前时间的模拟时钟,完全用PHP编程

我目前能够通过if语句“硬编码”它,但现在我想在正确的时间每分钟移动一次会议记录部分。我在网上找不到它,所以我希望你能在这里帮助我!不知何故,我需要将此设置为for循环,但我不知道如何迭代css部分

非常感谢您的帮助

            <div class="clock">
                <?php
                    $m = date("i");
                    echo date("h:i:s");
                    
                    //Need to become a for/while loop
                    if ($m == 14){
                        echo '<div id="mins" style="transform: rotate(60deg);"</div>'; 
                    }
                ?>
                <div id="mins"></div>
            </div>

我的模拟脚本Javascript解决方案。不需要PHP

index.php

<div class="clock">
    <div id="hours"></div>
    <div id="minutes"></div>
    <div id="seconds"></div>
</div>
css

时钟{
高度:150像素;
宽度:150px;
边界半径:50%;
背景:白色;
位置:绝对位置;
左:45%;
最高:20%;
}
.时钟司{
高度:60px;
宽度:5px;
左:50%;
/*已将此更新为已修复:*/
位置:固定;
转化:translateX(-50%);
背景:黑色;
变换:旋转(0度);
变换原点:底部中心;
}
#小时数{
背景:黑色;
}
#会议记录{
背景:红色;
}
#秒{
背景:蓝色;
}

希望您喜欢我的解决方案。

我打赌,使用DateTime时,您将更轻松地解决此问题!!我认为您正在寻找Javascript解决方案。PHP不能每秒向浏览器返回一些内容。当客户端请求时,PHP只返回一个服务器呈现的页面。是的,使用PHP显示初始时间,然后创建一个javascript间隔,每分钟更新一次时钟的光标。。。!如何将PHP时间与javascript连接起来?请用javascript编辑PHP到PHP的问题。我将能够提供帮助。旁注:由于您没有重新分配任何值,因此使用
const
而不是
let
,会更有意义。当我尝试时,它的秒针和分针正确,但时针已断开。你得到正确的结果了吗?感谢feedbak@El_VanjaI看到你已经将小时计算修正为12个刻度。现在这只手应该指向正确的时间。这是正确的@El_Vanja谢谢你的提醒,感谢你。
<div class="clock">
    <div id="hours"></div>
    <div id="minutes"></div>
    <div id="seconds"></div>
</div>