Question

所以我有这段代码：

initialize: function() {
    setInterval(function() {
        min = parseInt($('#js-clock').text()) - 1;
        $('#js-clock').text(min + 'm');
        if (min == 0){
            // Do Something
        }
    }, 1000);

}

通过并替换以下div：

<div class="col-xs-8 text-large js-beacon-clock" id="js-clock">
    <i class="fa fa-clock-o"></i>30m
</div>

与

<div class="col-xs-8 text-large js-beacon-clock" id="js-clock">
    29m
</div>

我不想在JavaScript中附加<i>标记，这应该保持独立。那么如何更改分钟而不丢失内部div中的所有内容只是为了改变30到29？

Answer 1

您需要将会议记录包含在其他元素中：

<div class="col-xs-8 text-large js-beacon-clock" id="js-clock">
    <i class="fa fa-clock-o"></i><span>30m</span>
</div>

然后在JavaScript中：

$('#js-clock span').text(min + 'm');

Answer 2

我添加了一个span标记：

<div class="col-xs-8 text-large js-beacon-clock" id="js-clock">
    <i class="fa fa-clock-o"></i><span>30m</span>
</div>

然后我也改变了jquery：

initialize: function() {
    setInterval(function() {
        min = parseInt($('#js-clock span').text()) - 1;
        $('#js-clock span').text(min + 'm');
        if (min == 0){
            alert('OMG');
        }
    }, 1000);

}

一切都很好

停止摧毁元素

2 个答案: