[ PROGRES BAR ] bagaimana cara memberi trigger STOP

sebelumnya maaf disini saya menggunakan bantuan jsbin untuk nulis codenya !

yang saya tanyakan bagaimana cara memberikan trigge stop, agar ketika click button stop setelah progress diclick start dapat berhenti !

cek hasil dan codenya disini gan = https://jsbin.com/fajuxonipu/edit?html,js,output

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Diperbarui 8 tahun yang lalu

3 Jawaban:

Coba ini

var interval;
var idprogress = document.getElementById('progress');

$('#start').click(function(){
	var width = 0;
    interval = setInterval(fungsiberhenti, 50);
	function fungsiberhenti(){
		if (width == 100){
			clearInterval(interval);
		}else{
			width++;
			$('#hasil').text(width+'%');
			idprogress.style.width = width + '%';
		}
	}
});

$('#stop').click(function(){
  idprogress.style.width = '0px';
  $('#hasil').text('0%');
  clearInterval(interval);
});
avatar username
@username

70 Kontribusi 19 Poin

Dipost 8 tahun yang lalu

terimakksh masukannya, tetapi dia langsung kembali ke nol gan nilainya, maksd sya biar dia berhenti pada posisi bar nya !

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Dipost 8 tahun yang lalu

terimakksh masukannya, tetapi dia langsung kembali ke nol gan nilainya, maksd sya biar dia berhenti pada posisi bar nya !

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban