Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2016, 02:29
Новичок на форуме
Отправить личное сообщение для SmallScale Посмотреть профиль Найти все сообщения от SmallScale
 
Регистрация: 07.04.2016
Сообщений: 1

Помогите доделать скрипт таймера.умоляююю.
Всем привет, есть скрипт таймера запускающегося по нажатию на кнопку, сейчас есть три кнопки, но переменная для обратного отсчета секунд используется одна, как сделать так что бы на каждую кнопку можно было назначить любое количество секунд? Заранее огромное спасибо.
Вот сам код.
Результат должен быть таким же как на этом сайте. http://www.favoritefaucets.com/
готов заплатить за готовый полностью код, который смогу разместить на своем сайте.

<!DOCTYPE HTML>
<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.time, input {
background: rgba(255, 55, 251, 1);
width: 80px;
height: 30px;
display: block;
text-align: center;
}
.div {
border: 1px #666 solid;
margin:2px;
}

</style>
<script>
function countdownTime(elem) {

var bet_time = new Date;
bet_time = bet_time.getTime() + 20000;
window.clearTimeout(elem.timer)

function calculate(elem) {
var now_time = new Date;
now_time = now_time.getTime();
var seconds = Math.ceil((bet_time - now_time) / 1000 * 1);

if (seconds > 0) {
residue = seconds < 10 ? "0" + seconds : seconds;
elem.innerHTML = "00:00:" + residue;

elem.timer = setTimeout(function () {
calculate(elem);
}, 1000);
} else {
elem.innerHTML = "активен";
}
}
calculate(elem);
}

function clickTimerButton(elem) {
return countdownTime(elem);
}

function clickTimerButton(elem) {
return countdownTime(elem);
}
window.onload = function () {
var divs = document.querySelectorAll('.div');
for (var i = 0; i < divs.length; i++) {
var el = divs[i].querySelector('.time');
var button = divs[i].querySelector('button');
button.onclick = (function (span) {
return function () {
clickTimerButton(span)
}
})(el);
button.click()
}
}

</script>

</head>

<body>

<div class='div'>
<div><span class='time'></span></div>

<div><button>запуск</button></div>
</div>

<div class='div'>
<div><span class='time'></span></div>

<div><button>запуск</button></div>
</div>

<div class='div'>
<div><span class='time'></span></div>

<div><button>запуск</button></div>
</div>

</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста правильно написать скрипт raffx Events/DOM/Window 17 16.10.2012 20:31
Помогите! "Не работает скрипт отсчета времени! Я нуб) Dobson Общие вопросы Javascript 4 28.05.2011 18:20
Скрипт условий if, помогите разобраться lyuis Общие вопросы Javascript 8 28.12.2010 21:21
Помогите создать скрипт замены картинок при наведении курсора. SantaS Я не знаю javascript 3 05.06.2009 12:59
Люди, помогите адаптировать скрипт под Оперу KiLLk Opera, Safari и др. 1 01.06.2009 01:05