Question

这可能是我想念的愚蠢的事情，但我该如何解决这个问题呢？

我不希望分钟像这样跳来跳去。

我的html中有这个：

<div id="myTime"></div>

这在我的JavaScript中：

var time = new Date();
var formatTime = '';
var tick = true;
setInterval('Tick()', 500);

    function Tick() {
        try {
            time = new Date();
            if (tick) {
                formatTime = time.getHours() + " : " + time.getMinutes();
                tick = false;
            } else {
                formatTime = (time.getHours() + "   " + time.getMinutes());
                tick = true;
            }
            $('#myTime').text(formatTime);
        } catch (ex) {
            $('#myTime').text('[Time Error]');
        }
    }

here is a jFiddle

Answer 1

尝试

function Tick() {
    try {
        var time = new Date();
        $('#myTime').html(time.getHours() + '<span class="divider">' + (tick ? ':' : '') + '</span>' + time.getMinutes());
        tick = !tick;
    } catch (ex) {
        $('#myTime').text('[Time Error]');
    }
}

然后

#myTime .divider {
    display: inline-block;
    width: 10px;
    text-align:center;
}

演示：Fiddle

JQuery当前时空消失

1 个答案: