Встроенный таймер JavaScript [закрыт]

Question

Встроенный таймер JavaScript [закрыт]

0

Я использую jQuery для вставки html divs для уведомления пользователя. Мне нужно сделать встроенный таймер javascript, который закрывает уведомление после определенного количества времени. Вот как выглядит div:

FIDDLE

Popa Robert 02 дек. 2013, в 13:51

Источник

0

что вам действительно нужно? это не понятно
Sindhu 02 дек. 2013, в 12:37
2

.delay(x).fadeOut() вы должны добавить соответствующий код в свой вопрос, а не просто ссылаться на демонстрацию.
Emissary 02 дек. 2013, в 12:37
0

Просто предложение - вы можете захотеть остановить / приостановить таймер автоматического закрытия, когда вы наводите курсор на элемент уведомления :)
Nick R 02 дек. 2013, в 12:44

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

3 ответа

0

вам нужно воспользоваться поддержкой jquery plugin

Как 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();

Таким образом, вы можете получить желаемый результат

Arjun 02 дек. 2013, в 10:27

0

Дайте id добавочному div (с меткой времени или чем-то случайным).
В функции add_tab вы вызываете новую функцию 'remove_tab' сгенерированным id в качестве ее параметра.
Когда remove_tab выполняется, он должен удалить div с идентификатором, который прошел через параметр.
успех

Нет необходимости устанавливать отдельные плагины или что-то еще

Gillian Lo Wong 02 дек. 2013, в 10:19

Ещё вопросы

что вам действительно нужно? это не понятно
.delay(x).fadeOut() вы должны добавить соответствующий код в свой вопрос, а не просто ссылаться на демонстрацию.
Просто предложение - вы можете захотеть остановить / приостановить таймер автоматического закрытия, когда вы наводите курсор на элемент уведомления :)

Luan Castro · Accepted Answer · 2013-12-02T09-55-00.000Z

я делаю решение...

http://jsfiddle.net/Castrolol/EmZND/14/

когда вы добавляете метку табуляции, чтобы скрыть, вы можете наложить время данных на время, которое вы хотите скрыть...

код...

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();
        });    
    });

}

Большое спасибо, это действительно работает :)