X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Один скрипт выполнить много раз.
Karatulya
Karatulya
Topic Starter сообщение 30.9.2016, 1:13; Ответить: Karatulya
Сообщение #1


Всем привет. Нужна ваша помощь. Есть скрипт секундомера, как можно сделать, чтобы на страницу можно было выводить не один секундомер, а n-кол-во, не зависящих друг от друга.

Например,

<div id="one">первый секундомер</div>
</br>
<div id="two">второй секундомер</div>


вот сам скрипт:

<h1 id="time"><time>00:00:00</time></h1>
<button id="start">start</button>
<button id="stop">stop</button>
<button id="clear">clear</button>


[JS]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

var h1 = document.getElementById('time'),
start = document.getElementById('start'),
stop = document.getElementById('stop'),
clear = document.getElementById('clear'),
seconds = 0, minutes = 0, hours = 0,
t;

function add() {
seconds++;
if (seconds >= 60) {
seconds = 0;
minutes++;
if (minutes >= 60) {
minutes = 0;
hours++;
}
}

h1.textContent = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);

timer();
}

function timer() {
t = setTimeout(add, 1000);
}

/* Start button */
start.onclick = timer;

/* Stop button */
stop.onclick = function() {
clearTimeout(t);
}

/* Clear button */
clear.onclick = function() {
h1.textContent = "00:00:00";
seconds = 0; minutes = 0; hours = 0;
}

[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 30.9.2016, 10:43; Ответить: Degradator
Сообщение #2


нужно сделать класс и работать с его экземплярами. Примерно так
[JS]
<button id="add_timer">Add timer</button>

<script>
function Timer() {
this.container = document.createElement('div');
this.interval = null;
this.time = new Date().getTime();
}
Timer.prototype.start = function(){
document.body.appendChild(this.container);
var me = this;
this.interval = setInterval(function(){
me.time += 1000;
me.container.innerHTML = (new Date(me.time)).toString();
}, 1000);
}

Timer.prototype.stop= function(){
if(this.interval){
clearInterval(this.interval);
}
}
document.getElementById('add_timer').addEventListener('click', function(){
var timer = new Timer();
timer.start();
});
</script>[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bober55
bober55
сообщение 21.10.2016, 14:06; Ответить: bober55
Сообщение #3


Познавательно Спасибо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие базы Semrush кейвордов по разным тематикам! Много кейвордов с трафиком и без конкуренции! Volume, KD, CPC
22 Krok 6722 12.4.2024, 5:17
автор: Krok
Открытая тема (нет новых ответов) Скрипт поисковика видео StrongTube
3 3josoft 1574 14.8.2023, 14:45
автор: 3josoft
Открытая тема (нет новых ответов) Скрипт приема платежей p2p с карты на карту card2card
Скрипт приема платежей p2p с карты на карту card2card
15 zladey1986 7830 26.3.2023, 8:54
автор: Palundra
Открытая тема (нет новых ответов) Продам скрипт перевода постов и комментариев
4 Tutich 784 19.1.2023, 17:23
автор: Tutich
Открытая тема (нет новых ответов) Битрикс скрипт нативной установки
3 Nemo 2451 20.11.2022, 10:09
автор: Webmaster24


 



RSS Текстовая версия Сейчас: 18.4.2024, 14:02
Дизайн