Вызов рекурсивного javascript в форме

Question

У меня есть эта проблема. Я пытаюсь сделать кнопку «щелкнуть ее самостоятельно», используя функцию setTimeout в javascript. Мне нужна эта небольшая часть кода для работы, чтобы смоделировать обновление. Проблема в том, что кнопка, в которой я вызываю обновление, находится в теге формы, эта операция выполняется только один раз, а не постоянно повторяется сама. Вот мой javascript

<script language="javascript" type="text/javascript"> 

function ClickMe(){ 
     setInterval('document.getElementById("auto").click()',5000); 
     alert("Function works"); 
} 

</script> 

Вот элемент, на котором я его называю.

<form> 
    <input id="auto" type="submit" value="Click" onClick="ClickMe()" /> 
</form> 

Если удалить «<form></form>» тег, код работает нормально, вызвав себя снова и снова каждые 5 секунд. Byt, как только вы добавите тег «<form>», функция вызывается только один раз. Если кто-то сможет мне помочь, я буду очень благодарен. Благодаря

Answer 1

По какой-то причине вы хотите, чтобы это сделать, просто изменить ваш отправить на кнопку, как так:

<input id="auto" type="button" value="Click" onClick="ClickMe()" /> 

также, следует отметить, что вы собираетесь держать создавая все больше и больше интервалов для этого каждый раз он бежал.

Answer 2

Когда вы завершаете ввод формой, форма отправляется, вы можете избежать этого, вернув false в функцию ClickMe.

function ClickMe(){ 
    setInterval('document.getElementById("auto").click()',5000); 
    alert("Function works"); 
    return false; 
}