Ошибка в time_start, в чем может быть проблема?

Question

[Allikxes]

Вот сам скрипт

<script>
		document.querySelector('button').addEventListener ('click', (e) => { 
			var imageLink = 'https://upload.wikimedia.org/wikipedia/commons/6/6d/Tokyo_Sky_Tree_2012_%E2%85%A5.JPG'
				downloadSize = 1037031,
				time_start, time_end,
				downloadSrc = new Image();
				document.querySelector('.loader-content').classList.add('hide');
				document.querySelector('.loader').classList.remove('hide');
			time_start = new Date().getTime();
			downloadSrc.src = imageLink + cacheIMG;
			console.log(downloadSrc);
			downloadSrc.onload = function () {
			// this function will trigger once the image loade
				time_end = new Date().getTime();
				var timeDuration = (time_end - time_start) / 1000;
					loadedBytes - downloadSize * 8;
					totalSpeed = ((loadedBytes / timeDuration) / 1024 / 1024).toFixed(2);
					let i=0, speedOut;
					const animate = () => {
						if ( i < totalSpeed ) {
							document.querySelector('.content').innerHTML = i.toFixed(2) + '<small>Mbps</small>';
							setTimeout(animate, 20);
							i+=1.02;
						} else {
							document.querySelector('.content').innerHTML = totalSpeed + '<small>Mbps</small>';
						}
					}
					animate();

				document.querySelector('.content').innerHTML = totalSpeed + '<small>Mbps</small>';
				document.querySelector('.loader-content').classList.remove('hide');
				document.querySelector('.loader-content').classList.add('result');
				document.querySelector('.loader').classList.add('hide');
				document.querySelector('.content').classList.remove ('hide');
				e.target.innerText = 'CHEK AGAIN';
			}
		})
	</script>

Answer 1

[Дмитрий Кузнецов]

Скопируйте ваш код в какой-нибудь IDE и вам покажет все ошибки. Беглым взглядом я сразу заметил ошибку в строке:

var imageLink = 'https://upload.wikimedia.org/wikipedia/commons/6/6d/Tokyo_Sky_Tree_2012_%E2%85%A5.JPG'
        downloadSize = 1037031,
        time_start, time_end,
        downloadSrc = new Image();

Ни чего не смущает?

Comments

[Allikxes]

Запятую пропустил после ссылки

[Дмитрий Кузнецов]

Allikxes,

var timeDuration = (time_end - time_start) / 1000;
          loadedBytes - downloadSize * 8;
          totalSpeed = ((loadedBytes / timeDuration) / 1024 / 1024).toFixed(2);

А тут почему-то уже не запятые, а точка с запятой...

[Дмитрий Кузнецов]

Allikxes, downloadSrc.src = imageLink + cacheIMG;
А теперь появилась магическая переменная, от куда взялась - ни кто не знает...

[Дмитрий Кузнецов]

Allikxes, короче, поработайте над кодом сначала, возможно и сами найдёте в чём проблема.

[Allikxes]

Дмитрий Кузнецов, Спасибо)

[Allikxes]

Дмитрий Кузнецов, Забыл указать переменную

[Allikxes]

Дмитрий Кузнецов, Голова на работе уже не верила, сидел 4 часа над скриптом, спидтест себе на сайт делаю