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

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

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

  • Как управлять диалоговым окном подтверждения браузера при выходе из страницы?
  • JQuery: превратить входные значения массива в оптимизацию строк
  • JS как кэшировать переменную
  • Как узнать, закончилась ли загрузка JQuery
  • Запретить действие onclick с помощью jQuery
  • Как имитировать попадание в поле ввода с Capybara и ChromeDriver?
  • Preload с процентом - javascript / jquery
  • Поиск JQuery Datatables внутри ввода и выбора
  • 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 делает сайт умным, красочным и простым использованием.