Как прикрутить таймер к javascript?

Question

[germanberg]

document.getElementById('but').onclick=function(){
		$(document).ready(function() {
			if(!Modernizr.meter){
				alert('Ошибка! Пожалуйста, сообщите об этом в техническую поддержку. Спасибо.');
			} else {
				var progressbar = $('#progressbar'),
					max = progressbar.attr('max'),
					time = (2000/max)*1,	
			        value = progressbar.val();
					
					

			    var loading = function() {
			        value += 1;
			        addValue = progressbar.val(value);
			        
			        $('.progress-value').html(value + ' %');

			        if (value == max) {
			            clearInterval(animate);			           
			        }
			    };

			    var animate = setInterval(function() {
			        loading();
			    }, time);
			};
		});
}

Помогите к этому скрипту прикрутить таймер, нужно что бы он сработал через 5 сек. Спасибо.
И пожалуйста, объясните как вообще нужно прикручивать setTimeout?

Answer 1

[gleendo]

element.addEventListener(`click`, event => setTimeout(() => { /* some code */ }, 5000), false);

Comments

[germanberg]

не работает

[gleendo]

germanberg: learn.javascript.ru/settimeout-setinterval

[gleendo]

germanberg: https://jsfiddle.net/qu9bq0zn/3/

[germanberg]

document.getElementById('but').onclick=function(){
	function func() {
		$(document).ready(function() {
			if(!Modernizr.meter){
				alert('Ошибка!');
			} else {

				var progressbar = $('#progressbar'),
					max = progressbar.attr('max'),
					time = (2000/max)*1,	
			        value = progressbar.val();
					
					

			    var loading = function() {
			        value += 1;
			        addValue = progressbar.val(value);
			        
			        $('.progress-value').html(value + ' %');

			        if (value == max) {
			            clearInterval(animate);			           
			        }
			    };

			    var animate = setInterval(function() {
			        loading();
			    }, time);
			};
		});
		}

setTimeout(func, 5000);
}

твой код не хотел работать. сделал так.