Question

我使用jQuery插入html div来通知用户。我需要创建一个内联javascript计时器，在一定时间后关闭通知。这就是div的样子：

FIDDLE

Answer 1

我做出了解决方案......

当您添加标签标记以隐藏时，您可以将数据时间设置为您要隐藏的时间...

代码......

addtab = setInterval( add_tab, 3000 );


function add_tab(){
var timeToHide = 6500;

var tab = $('<div class="rightnot-tab"><div class="rightnot-tab-image"><img src="http://movies.dosthana.com/sites/default/files/image-gallery/Bradley%20Cooper%20Stills.jpg" width="60" height="60"/></div><div class="rightnot-tab-text"><a href="#">Bradley Cooper</a> added you as a friend</div><div class="rightnot-tab-close"><img src="https://cdn1.iconfinder.com/data/icons/lynx/22x22/actions/dialog-close.png" width="22" height="22"/></div></div>');

$("#rightnot").hide().prepend(tab).fadeIn(500)

setTimeout(function(){
   removeTab(tab);

},timeToHide);



$('.rightnot-tab-close').click(function(){
    removeTab($(this).parent());    
    })

}

function removeTab( tab ) { //you can change the implementation
     $(tab).animate({ opacity: 0 }, function(){
        $(tab).slideUp(500, function(){
            $(tab).remove();
        });    
    });

}

Answer 2

给前面的div赋予一个id（带有时间戳或随机的东西）。
在函数add_tab中，使用生成的id作为参数调用新函数“remove_tab”。
当remove_tab运行时，它应该删除带有通过参数传递的id的div。
成功

无需安装单独的插件或其他

Answer 3

你必须得到jquery插件的帮助

赞http://flipclockjs.com/

您必须在脚本中下载此JS添加

clock.start(function() {
// this (optional) callback will fire each time the clock flips
});
to start timer

clock.stop(function() {
// this (optional) callback will fire after the clock stops

}）; 停止计时器

clock.setTime(3600);
clock.setCountdown(true);
var time  = clock.getTime();

通过这种方式，您可以获得所需的结果

内联Javascript计时器

3 个答案: