显示当前移动时间(浮动）

Show current time moving (floating)

本文关键字：浮动 时间 移动 显示      更新时间：2023-09-26

我的问题就像我在标题中写的那样

"显示当前时间移动动画"

在 PHP 中，我们做到：

<? echo date("H:I:S"); ?>

显示当前时间（小时：分钟：秒）

所以我想要一种方法让它每秒刷新一次，这意味着它开始浮动

希望您了解我在说什么并提前表示感谢

我不确定你是否需要php，通常js就足够了：

function t() {
    document.getElementById('time').innerHTML = new Date();
}
t();
window.setInterval(t, 1000);
<div id="time"></div>

下面是一个来自 W3schools 的简单但可配置的时钟示例，它允许您按照自己喜欢的方式设置它：

function startTime() {
    var today = new Date();
    var h = today.getHours();
    h = h > 12 ? h - 12 : h;
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML =
    h + ":" + m + ":" + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
<body onload="startTime()">
<div id="txt"></div>

如果要使用 24 小时制，只需删除行h = h > 12 ? h - 12 : h;。

我想你想要setInterval：

var timer = setInterval(function() {
  // get time
  // update time
}, 1000)

此伪代码将每 1 秒运行一次。我建议每次传递时间，因为它需要比一秒钟长一点的时间（JavaScript就是这样），而且你会不同步。在不知道您将如何使用它的情况下，我无法编写演示代码，但我希望这对某些人有所帮助。

相关文章：