JQuery当前时空显示

JQuery当前时空显示,jquery,Jquery,这可能是我错过的一件愚蠢的事情,但我该如何修复它 我不想有那么多时间像这样蹦蹦跳跳 我的html中有以下内容: <div id="myTime"></div> .试试看 function Tick() { try { var time = new Date(); $('#myTime').html(time.getHours() + '<span class="divider">' + (tick ? ':' : ''

这可能是我错过的一件愚蠢的事情,但我该如何修复它

我不想有那么多时间像这样蹦蹦跳跳

我的html中有以下内容:

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

试试看

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

演示:

您可以使用css,但不应使用空格作为格式化方式。
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;
}