Question

我的问题是我在标题中写的

“显示移动动画的当前时间”

我们在php中执行：

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

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

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

希望你明白我在说什么，并提前感谢

Answer 1

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

＆＃13;

function t() {
    document.getElementById('time').innerHTML = new Date();
}
t();
window.setInterval(t, 1000);

＆＃13;

<div id="time"></div>

＆＃13;

Answer 2

以下是W3schools简单但可配置的时钟示例，可让您根据自己的喜好设计时钟：

＆＃13;

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;
}

＆＃13;

<body onload="startTime()">

<div id="txt"></div>

＆＃13;

如果您想使用24小时制，请删除第h = h > 12 ? h - 12 : h;行。

Answer 3

我想你想要setInterval：

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

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

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

3 个答案: