Небольшая программа
Добрый день, форумчане! Помогите пожалуйста с написанием скрипта.
Имеется форма, на форме два компонента input и кнопка <a> как начало действий. В первый input пользователь вводит произвольное целое число, во второй input пользователь вводит время (в миллисекундах). Нажимает кнопку <a> и в контейнере <div> начинается обратный отсчёт времени с 3 сек., после этого появляется надпись начали и начинает проводиться вычисление, например сумма двух чисел из input'ов с отображением результата вычислений. |
<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>
только немного не понял, для чего миллисекунды если отсчет все равно начинается с трех секунд |
да и кстати лучше будет так! чтоб не тикал все время
<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>
|
| Часовой пояс GMT +3, время: 15:43. |