jquery - jQuery当前时间空间消失

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]');
        }
    }

这是一个 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;
}

演示：小提琴