Вместо добавления несколько раз, вы должны объявить переменную и добавить к ней html. закончив добавление html, вы наконец должны добавить строку в тег div.
var content="<table id='ufo-table'>";
content+="<tr><th>Data 1</th><th>Data 2</th><th>Data 3</th></tr>";
for (var i = 0; i < 10; i++) {
content+="<tr><td>" + i + "</td><td>" + response[i].spaceships +
"</td><td>" + response[i].planets + "</td></tr>";
}
content+="</table>";
$('#ufo').append(content);
Это - JavaScript:
function myfunction() {
alert( "delayed" );
}
var delay = 1000;
setTimeout( myfunction, delay )
Это - сущность. Теперь необходимо сцепить его в кнопку на странице HTML: встройте функциональное определение в < script >
... < /script >
теги и расписание это в onClick методе.
....
<button onClick="setTimeout( myfunction, delay );">Click_And_Wait</button>
Если необходимо передать параметры:
function clickHandler(id,value,delay)
{
setTimeout( function() { actualFunction(id, value); }, delay );
}
function actualFunction(id, value)
{
alert( 'button ' + id + ' has value = ' + value );
}
<input id='clickButton' type='button'
onclick='clickHandler(this.id,this.value,5000);'
value='Click Me' />
Попробуйте функцию setTimeout:
setTimeout(functionToExecute, 1000)
Первый параметр является функцией, которая будет инициирована, и второй является задержка миллисекунд.
Я предложил бы изучить Prototype.js Особенно, если Вы - новый разработчик для JavaScript. Прототип уже выяснил много наиболее распространенных потребностей, которые разработчики JavaScript хотят сделать в их коде.. и Прототип делает это в Браузере Независимый путь. (существуют другие Библиотеки JavaScript там, которые могут сделать это также),
Можно сделать это, как кодировано в других ответах.. но я нашел, что обычно трачу меньше усилия в волнении по поводу ошибок в моем коде после того, как я вложил капитал в хорошую Книгу и провел 2 дня, читая о Прототипе (или некоторая другая Библиотека как jQuery) по сравнению с поиском Интернета, и копируйте/вставляйте различные биты решений. / пожатие плеч