Скрыть javascript сообщение через 10 секунд

Question

Я новичок в AJAX/JQuery/Javaascript, поэтому, пожалуйста, простите мое невежество. Я нашел код, который поможет мне отобразить окно AJAX после нажатия кнопки отправки формы.

Вот код:

var ray={ 
ajax:function(st) 
    { 
     this.show('load'); 
    }, 
show:function(el) 
    { 
     this.getID(el).style.display=''; 
    }, 
getID:function(el) 
    { 
     return document.getElementById(el); 
    } 
} 

Вот HTML форме:

<div id="load" style="display:none;">Loading... Please wait.</div> 
<form action="test_form.php" method="POST" onsubmit="return ray.ajax()"> 
<input type="hidden" name="value1" value="value1>"> 
<input type="submit" value="Submit"> 
</form> 

Сообщение загрузки отображается только в порядке, когда кнопка нажата, но никогда не исчезает. В идеале я хотел бы, чтобы сообщение исчезло после завершения работы, но скрытие его через 10 секунд будет работать так же хорошо.

Я пробовал различные изменения, используя hide() и setTimeout(), но мой недостаток опыта работы с AJAX/JavaScript продолжает разрывать код.

Answer 1

Здесь вы идете: http://jsfiddle.net/DHgN4/1/

Вы сказали, что в комментариях ниже ваш вопроса, что вы просто хотите его закрыть через 10 секунд. Это сделает это.

Очевидно, мне пришлось прокомментировать ваш form, потому что скрипка не может позвонить test_form.php, поэтому я создал кнопку, чтобы продемонстрировать код. Этого должно быть достаточно, чтобы заставить вас идти. Основной частью скрипки является эта строка:

setTimeout(function(){$("#load").hide();},10000); 

Это скроет ее через 10 секунд, используя jQuery. Если вы не хотите использовать JQuery то изменить его к этому ...

setTimeout(function(){document.getElementById('load').style.display='none';},10000); 

Я не понимаю, почему вы хотите настроить таким образом. Выполняя реальный вызов ajax, отправляя данные с помощью ajax, тогда ожидание и реагирование на ответ будет более чистым.