在追加到Jquery后渲染一个实时时钟

时间:2014-07-03 19:20:10

标签: javascript jquery

我已经尝试了很多方法来使一个实时时钟(有秒)出现在渲染表中,但它没有正常工作。时钟保持静止,不会逐秒显示。我正在做以下事情:

function myTable(){
    var table = $('<table></table>');
    table.append($('<tr>')
        .append($('<td>')
            .addClass('col2 data')
            .attr('rowspan', '2')
            .append($('<span>')
                    .attr('id', 'date_time')
                )
        )
    )                   
    $("#myDiv").html(table)
}

liveClock();


var liveClock = function () {

    date = new Date;
    //some logic here to generate the data I need the result above ( no problems here )

    result = '' + d + '/' + month + '/' + year + ' ' + h + ':' + m + ':' + s;

    var setDateTime = function() {
        $("#date_time").html(result);
        return false;    
    };
    var everySec = setInterval(setDateTime, 1000);
}

1 个答案:

答案 0 :(得分:2)

您的问题是,您永远不会更新result,因此每次您的代码触发SetDateTime时,它都会在表格中呈现相同的日期。移动这些行:

date = new Date;
//some logic here to generate the data I need the result above ( no problems here )

result = '' + d + '/' + month + '/' + year + ' ' + h + ':' + m + ':' + s;

进入setDateTime功能。