Показать div через 10 секунд и скрыть после 10 секунд

Мне нужно показать div (например, #mybox) через 10 секунд после загрузки страницы, сохранить его на вид еще на 10 секунд, а затем скрыть хорошие эффекты вставки / выключения.

Большое спасибо за любые подсказки / помогает!

  • Использование Lodash для суммирования значений по ключу
  • Могу ли я иметь два события onclick JavaScript в одном элементе?
  • Могу ли я условно изменить символ, введенный в ввод при нажатии клавиши?
  • Выделение HTML на изображение
  • Как прокрутить вниз с помощью Phantomjs для загрузки динамического содержимого
  • Контент перескакивает по горизонтали всякий раз, когда браузер добавляет полосу прокрутки
  • 6 Solutions collect form web for “Показать div через 10 секунд и скрыть после 10 секунд”

    Пожалуйста, используйте следующую функцию:

     cycle(); function cycle() { $('#myid') .delay(10000) .fadeIn(300) .delay(10000) .fadeOut(300, cycle); } 

    Если нам не нужен цикл, нужна только одна строка кода:

     $('#myid').delay(10000).fadeIn(300).delay(10000).fadeOut(300); 

    Возможно, вы можете попробовать что-то вроде этого.

     setTimeout(show_div, 10000); setTimeout(hide_div, 20000); funciton show_div(){ $('#mybox').show(); } funciton hide_div(){ $('#mybox').hide(); } 
     $(function(){ setTimeout(function(){ $('ur_element').show(function(){ setTimeout(function(){ $('ur_element').hide() }, 10000) }) }, 10000) }) 

    Может быть так: http://jsfiddle.net/EzvGD/2/

     $(function(){ //-----------------when page loads fire the code below. $('#div').delay(10000).show('slow').promise().done(function(){ $('#div').delay(10000).hide('slow') }); }); 

    Хорошо, в будущем лучше показать нам, что вы пробовали, чтобы мы могли помочь улучшить код.

    Не зная, с чем вы сталкиваетесь, я дам вам один из способов сделать это.

    Использование jQuery

     setTimeout(function() { $('#div1').slideIn(); setTimeout(function() { $('#div1').slideOut(); }, 10000); }, 10000); 

    http://jsfiddle.net/tzvemt4m/

     $(".Mask").each(function() { var tempstr = this.innerText; var replacestr = this.innerText.replace(/./g, "*"); $(this).mouseover(function() { this.innerText = tempstr; }); $(this).mouseout(function() { var tempObj = this; setTimeout(function() { tempObj.innerText = replacestr; }, 10000); }); this.innerText = replacestr; }); 
    JavaScript делает сайт умным, красочным и простым использованием.