2016-05-19 3 views
0

Что я хочу достичь:Скрыть Div после показа 5SEc

  1. Скрыть форму Зона после нажатия кнопки (DONE)
  2. Показать отправить сообщение подтверждения на кнопку мыши (DONE)
  3. Hide Show отправить сообщение, подтверждающее после показа его в течение 5 секунд
  4. Показать форму площадь снова

Я застрял на пункте 3 & 4 и будет ар избегать намеков. Я пробовал функцию тайм-аута, но без удачи. Я должен делать что-то неправильно.

function hideDiv() { 
       document.getElementById('FormArea').style.display = "none"; 
       } 

function showDiv() { 
       document.getElementById('submitarea').style.display = "block"; 
     } 


setTimeout(function() { 
    $('#submitarea').fadeOut('fast'); 
}, 1000); // <-- time in milliseconds 
+0

Не совсем понятно, что вы пытаетесь здесь сделать? Тайм-аут должен работать нормально, но нет, если вы измените свойство отображения на «none» до исчезновения, тогда ничего не исчезнет. Кроме того, тайм-аут не входит в какие-либо функции? – adeneo

+0

создайте скрипач если возможно ... –

ответ

0

Это решение проблемы?

<input onclick="hidediv(); showdiv(); reshow();"> 

function hideDiv() { 
    document.getElementById('FormArea').style.display = "none"; 
} 

function showDiv() { 
    document.getElementById('submitarea').style.display = "block"; 
} 

function reshow(){ 
    setTimeout(function() { 
     $('#submitarea').fadeOut('fast'); 
     $('#FormArea').fadeIn('fast'); 
    }, 1000); // <-- time in milliseconds 
} 
+0

Большое спасибо! Да, это решение, Дорогой Параг. – Marxs

+0

@ marxs, добро пожаловать –

Смежные вопросы