Форум

CRYSIS_STALKER · #1 (**permalink**) 22.06.2017, 14:45

Добрый день, форумчане! Помогите пожалуйста с написанием скрипта.

Имеется форма, на форме два компонента input и кнопка <a> как начало действий.

В первый input пользователь вводит произвольное целое число, во второй input пользователь вводит время (в миллисекундах).

Нажимает кнопку <a> и в контейнере <div> начинается обратный отсчёт времени с 3 сек., после этого появляется надпись начали и начинает проводиться вычисление, например сумма двух чисел из input'ов с отображением результата вычислений.

j0hnik · #2 (**permalink**) 22.06.2017, 15:32

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
<input type="text" id="inp"><input type="text" id="inp2">
<a id="start">Пуск</a>
<div id="sum"></div>

<script>
document.getElementById("start").onclick = function() { 
window.setInterval(timer, 1000); 
} 
var i=0 
function timer() { 
var inp=document.getElementById('inp').value*1;
var inp2=document.getElementById('inp2').value*1;
var sum=document.getElementById('sum'); 
sum.innerHTML = 3-i; 
if(sum.innerHTML<=0) {
	sum.innerHTML='Начали '+(inp+inp2);
}
i++; 
}
</script>
</body>
</html>

только немного не понял, для чего миллисекунды если отсчет все равно начинается с трех секунд

j0hnik · #3 (**permalink**) 22.06.2017, 16:45

да и кстати лучше будет так! чтоб не тикал все время

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<input type="text" id="inp"><input type="text" id="inp2">
	<a id="start">Пуск</a>
	<div id="sum"></div>

	<script>
		function start () {
			var val = document.getElementById('inp').value*1,
			val2 = document.getElementById('inp2').value*1,
			sum = document.getElementById('sum'),
			s = 4;
			var i = setInterval(function () {
				sum.innerHTML = (s -= 1);
				if (sum.innerHTML == "0") {
					sum.innerHTML = 'Начали '+(val+val2);
					clearInterval(i);
				}
			},1000);
		}
		document.getElementById('start').onclick = function () {start();}
	</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript