Javascript JQuery中的倒计时问题

当我双击卡片时，弹出对话框，然后可以创建评论。到现在为止，一直都还不错。创建注释时，可以对其进行编辑

然后我想有一个“编辑”倒计时，如3秒后，“编辑”可能是不可见的用户。到目前为止还不错

问题是，在关闭窗口或通过按钮保存数据并打开同一张卡后，编辑再次出现3秒钟，以此类推

我希望在创建评论时，3秒后“编辑”不再出现。就像在这个网站上一样

你知道如何实现这一点吗

jQuery：倒计时

// Set the timer to countdown 
        var sec = 3;
        var timer = window.setInterval(function () {
            sec--;
            if (sec == -1) {
                $('.edit').addClass('hidden');
                clearInterval(timer);
            }
        }, 1000);

jQuery：添加注释

function addComment(commentString) {

        var container = $('#divComments');
        var inputs = container.find('label');
        var id = inputs.length + 1;
        var data1 = {            
            commentString: commentString
        };

        var div = $('<div />', { class: 'CommentStyle' });

        $('<label />', {
            id: 'comment' + id,
            for: 'comment' + id,
            text: commentString
        }).on('change', function () {            
            data1.commentString = $(this).text();
        }).appendTo(div);      

        $('<br/>').appendTo(div);

        var $Image = $('<img />',
            {
                "src": "/Pages/Images/alert.png",
                "class": "CommentImage",
                "for": "comment" + id
            }).appendTo(container);

        var d = new Date();
        var $fulaDate = $('<div>' + d.getDate()
            + "-" + monthNames[d.getMonth()]
            + "-" + d.getFullYear()
            + "//" + d.getHours()
            + ":" + d.getMinutes()
            + '</div>').addClass('labelStyle').append(' ~').appendTo(div);

        var $edit = $('<p />', {
            class: 'edit',
            for: 'comment' + id,
            text: 'Edit'
        }).append(' ~').appendTo(div);

        var $delete = $('<p />', {
            class: 'delete',
            for: 'comment' + id,
            text: 'Delete'
        }).appendTo(div);

       // Set the timer to countdown 
        var sec = 3;
        var timer = window.setInterval(function () {
            sec--;
            if (sec == -1) {
                $('.edit').addClass('hidden');
                clearInterval(timer);
            }
        }, 1000);        
        div.appendTo(container).focus();
        container.data('comments').push(data1);
    }

函数addComment（commentString）{
var容器=$（“#divComments”）；
var输入=container.find（'label'）；
变量id=输入。长度+1；
var data1={
commentString:commentString
};
var div=$（''，{class:'CommentStyle'}）；
$('', {
id:'注释'+id，
对于：'注释'+id，
文本：注释字符串
}).on（'change'，函数（）{
data1.commentString=$（this.text（）；
}).附件（分部）；
$（'
'）。附录（div）；
变量$Image=$（''+d.getDate（）
+“-”+monthNames[d.getMonth（）]
+“-”+d.getFullYear（）
+“//”+d.getHours（）
+“：”+d.getMinutes（）
+''）.addClass（'labelStyle'）.append（'~'）.appendTo（div）；
var$edit=$（“
”{
类：“编辑”，
对于：'注释'+id，
文本：“编辑”
}).append（“~”）.appendTo（div）；
var$delete=$（“
”{
类：“删除”，
对于：'注释'+id，
文本：“删除”
}).附件（分部）；
//将计时器设置为倒计时
var-sec=3；
var timer=window.setInterval（函数（）{
第二节；
如果（秒==-1）{
$（'.edit'）.addClass（'hidden'）；
清除间隔（计时器）；
}
}, 1000);        
div.appendTo（container.focus（）；
container.data（'comments'）.push（data1）；
}

编辑

请把这一行放在下面：

  $.each($currentTarget.data('comments'), function (i, comment) {
        addComment(comment.commentString);
    });

    $(".edit").each(function(){
        $(this).addClass("hidden");
    });

---

休息一下，所有的线路都可以正常工作。试试这个解决方案。这可能对你有帮助。

嗯，这并不能解决我的问题。仍然在关闭和打开窗口后，“编辑”出现在同一条评论上。我不想那样。也许你不明白我的问题？这是你那部分代码的问题：。你自己试试吧