Запуск двух и более таймеров на сате. / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Запуск двух и более таймеров на сате.

25 сообщений из 100, страница 1 из 4

все

Запуск двух и более таймеров на сате.

#39004117

zFARTz

Гость

Всем доброго утра. Помогите с таймером обратного отсчёта. При запуске двух и более таймеров по отдельности всегда запускается первый. Как сделать чтобы запускались при нажатии все по разному. Допустим мне нужно 10 таймеров все на разное время я нажал пятый он и сработал нажал четвёртый сработал он.

И ещё вопросик есть ли возможность сделать так чтобы при обновлении страницы он не сбрасывался? Всем спасибо. Вот таймер.

<input type="button" value="mail" onclick="Pusk(),Sl()" >
<html>
<style>
.st{background-color:blue;
color:white;}
.sp{background-color:red;
color:white;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr></table>
<script></script>
</body>
</html>

...

Рейтинг:

0 / 0

10.07.2015, 09:13

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004129

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

zFARTz,

у тебя всегда пишется в див id="tm". Сделай несколько дивов с разными id и в функцию передавай id дива в каком запустить таймер. Либо динамически их создавай из функции

...

Рейтинг:

0 / 0

10.07.2015, 09:33

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004135

zFARTz

Гость

Я вроде пробовал меня id возможно что-то не то делал. Если есть возможность напишите пример пожалуйста. И по поводу динамически менять также напишите. Спасибо.

...

Рейтинг:

0 / 0

10.07.2015, 09:36

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004532

zFARTz

Гость

Помогите тогда соединить два кода вместе. Ничего у меня не выходит.

Вот этот:::

<input type="button" value="mail" onclick="Pusk(),Sl()" >
<html>
<style>
.st{background-color:blue;
color:white;}
.sp{background-color:red;
color:white;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr></table>

Вот с этим кодом:::::

var Timer = function(element, hours, minutes, sec, callback){
var me = this;
this.hours = hours;
this.minutes = minutes;
this.sec = sec;
this.element = element;
this.interval = null;
this.callback = callback;

this.reduce = function() {
if(me.hours + me.minutes + me.sec <= 0) {
me.stop();
return;
}
me.sec-=1;
if(me.sec<0) me.sec=00,me.minutes-=1;
if(me.minutes<0) me.minutes=00,h-=1;
if(me.hours<0) me.hours=00 ;
if(me.hours + me.minutes + me.sec==0)me.callback();
me.sec = me.sec+"";
me.minutes = me.minutes+"";
me.hours = me.hours+"";
if (me.sec.length<2) me.sec = "0"+me.sec;
if (me.minutes.length<2) me.minutes = "0"+me.minutes;
if (me.hours.length<2) me.hours = "0"+me.hours;
me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec;
}

this.start = function(){
me.interval = setInterval(me.reduce, 1000);
me.element.className="sp"
}
this.stop = function(){
clearInterval(me.interval);
me.element.className="st"
}

}

var timer = new Timer(document.getElementById('yourElementId'), 1, 20, 20, function(){window.open('https://mail.ru/','_blank');});
timer.start();

...

Рейтинг:

0 / 0

10.07.2015, 15:13

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004615

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

напиши лучше задачу, что тебе нужно в итоге. И код оформляй тегами(кнопка SRC), читать не реально

...

Рейтинг:

0 / 0

10.07.2015, 16:27

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004656

zFARTz

Гость

Задача простая: Есть название ссылки рядом таймер стоит на нулях таких много идут столбиком. Нажимаем на название переходим по ссылке в это время срабатывает таймер обратного отсчёта. Ничего блокировать не нужно можно нажимать хоть 10 раз по кнопке и переходить на другой сайт. Просто нажал пошёл отсчёт определённого времени. Чтобы человек знал что ему останется столько-то времени и всё.

...

Рейтинг:

0 / 0

10.07.2015, 17:19

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004669

zFARTz

Гость

Вот то что мне нужно но есть минусы.
1.После того как таймер отсчитывает своё время остаётся одна секунда 00:00:01 я не знаю как её убрать.
2. После того как таймер отсчитал своё время последующее нажатие не воспроизводит таймер заново.
Я не знаю что делать(

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

<html>
<head>
    <title>111</title>
    <meta charset="utf-8">
    </head>
    <body>
     
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
    
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr></table> 
<input type="button" value="mail" onclick="timer.start(),Sl()" >

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.

<script>      
 
 var Timer = function(element, hours, minutes, sec){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=00,me.minutes-=1;
        if(me.minutes<0) me.minutes=00,h-=1; 
        if(me.hours<0) me.hours=00 ;
        if(me.hours + me.minutes + me.sec==0)me.callback();
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }
     
}
function Sl()
    {window.open('https://mail.ru/','_blank');}                        
var timer = new Timer(document.getElementById('tm'), 00, 00, 10);
 </script>          
   
    </body>
</html>

...

Рейтинг:

0 / 0

10.07.2015, 17:38

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004691

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

тынц

...

Рейтинг:

0 / 0

10.07.2015, 18:01

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004695

zFARTz

Гость

SharuPoNemnogu,ААААААААААААА!!!!!!!!!! Это онооооо. Можете полностью сбросить код.

...

Рейтинг:

0 / 0

10.07.2015, 18:03

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004706

kunaksergey

Гость

нажав 2 раза на одной и той же кнопке получаем отличный эфект

...

Рейтинг:

0 / 0

10.07.2015, 18:14

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004711

zFARTz

Гость

SharuPoNemnogu, а как разное время поставить на таймерах?

...

Рейтинг:

0 / 0

10.07.2015, 18:15

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004730

zFARTz

Гость

Разобрался. Вы молодцы что помогли спасибо вам огромное. Остался у меня ещё один вопрос. Я слышал есть возможность подключить базы к коду чтобы не сбрасывался таймер при перезагрузки страницы. Возможно кто-нибудь из вас знает как это сделать?

...

Рейтинг:

0 / 0

10.07.2015, 18:40

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004756

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

kunaksergey,

я за 5 минут до выхода с работы написал, не проверял особо.

zFARTz,

как вариант jquery.cookie подключить и писать текущее значение в куки, потом доставать если есть.

...

Рейтинг:

0 / 0

10.07.2015, 19:23

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004773

zFARTz

Гость

SharuPoNemnogu, я так понимаю это будет нелегко.

...

Рейтинг:

0 / 0

10.07.2015, 19:48

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004896

zFARTz

Гость

SharuPoNemnogu, У меня ещё вопрос напишите пожалуйста а как сделать чтобы я переходил по разным ссылкам по нажатию кнопки и на разное время ставить отсчёт? Допустим первая делает переход на mail.ru (20сек) а вторая на google.ru (35сек)

...

Рейтинг:

0 / 0

11.07.2015, 08:47

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004943

zFARTz

Гость

Не работает таймер я его вчера тестировал. Если выставить время на 10 минут он отсчитывает как секунды а если поставить на 3 часа так же не работает.

...

Рейтинг:

0 / 0

11.07.2015, 11:25

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004985

zFARTz

Гость

Почему таймер не отсчитывает часы а только секунды и минуты. Помогите пожалуйста решить проблему.

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

<html>
<head>    
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
    
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr> 
<input type="button" value="mail" onclick="startTimer('tm');Sl();" >

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.

<script>      
 
 var Timer = function(element, hours, minutes, sec){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=59,me.minutes-=1;
        if(me.minutes<0) me.minutes=59,h-=1; 
        if(me.hours<0) me.hours=23;
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }
     
}
function Sl()
    {window.open('https://mail.ru/','_blank');}     
function startTimer(obgId) {
var timer = new Timer(document.getElementById(obgId), 10, 00, 10);
    timer.start();
}
 </script>          
   
    </body>
</html>

...

Рейтинг:

0 / 0

11.07.2015, 13:19

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39004993

yelena

Гость

zFARTz, а вы сами не хотите научиться код читать? Так и будете всю жизнь на форуме плакаться?

Не работает, наверное, потому что

Код: javascript

1.
2.

        if(me.minutes<0) me.minutes=59,h-=1; 
        if(me.hours<0) me.hours=23;

а надо

Код: javascript

1.
2.

        if(me.minutes<0) me.minutes=59,me.hours-=1; 
        if(me.hours<0) me.hours=23;

Ощущаете разницу?

...

Рейтинг:

0 / 0

11.07.2015, 13:31

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005017

zFARTz

Гость

yelena, Вы гениальны! Снимаю шляпу перед Вами!!! Никто не хочет научить. Возможно Вы знаете как этот таймер подключить к библиотекам jQuery? Желательно без заливки файлов. Если есть такая возможность. Я пробовал но у меня ничего не вышло. Это последний шаг который мне нужен.

...

Рейтинг:

0 / 0

11.07.2015, 14:09

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005025

yelena

Гость

zFARTz, в интернете полно материала для самостоятельного обучения.

Что вы хотите от библиотек jQuery? Если вы вообще понимаете, о чем вы говорите. И какая тут связь с таймером?
Вы таймер цепляете к конкретному объекту на странице.
Этот объект можно найти на странице как при помощи DOM API, так и при помощи API jQuery. Большой разницы нет, чтобы прицепить к объекту ваш таймер.

Про заливку файлов не поняла вообще.

Если имеется в виду использование Content Delivery Network (CDN), то можно вот так:

Код: javascript

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

Или вот так:

Код: javascript

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

...

Рейтинг:

0 / 0

11.07.2015, 14:32

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005026

zFARTz

Гость

yelena, мне нужно чтобы таймер продолжал работать после перезагрузки страницы а он сбрасывается. Как быть?

...

Рейтинг:

0 / 0

11.07.2015, 14:38

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005030

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

zFARTzyelena, мне нужно чтобы таймер продолжал работать после перезагрузки страницы а он сбрасывается. Как быть?хранить время старта на сервере, или в cookie, или в localStorage

...

Рейтинг:

0 / 0

11.07.2015, 14:44

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005032

zFARTz

Гость

skyANA, Но как это сделать?

...

Рейтинг:

0 / 0

11.07.2015, 14:46

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005036

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

zFARTzskyANA, Но как это сделать?а какую проблему Вы решаете?

Может следует хранить дату окончания действия. К примеру студенту необходимо пройти онлайн тест до восьми часов вечера следующего вторника.
Тут серверное решение.
На каждый пункт из теста дается от часа, до двух. Тут тоже серверное.

А что у Вас?

...

Рейтинг:

0 / 0

11.07.2015, 14:53

| Ответить | Цитировать | Написать

Запуск двух и более таймеров на сате.

#39005041

zFARTz

Гость

skyANA, выставляется определённое время на каждый таймер два,три часа и.д. Вы зашли на сайт нажали ссылку посмотрели её а затем пошёл отсчёт времени. Вот мне и нужно чтобы таймер не сбрасывался.

...

Рейтинг:

0 / 0

11.07.2015, 15:00

| Ответить | Цитировать | Написать

25 сообщений из 100, страница 1 из 4

все

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Запуск двух и более таймеров на сате.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=39004695&tid=1445867]:	0ms
get settings:	15ms
get forum list:	22ms
check forum access:	3ms
check topic access:	3ms
track hit:	89ms
get topic data:	14ms
get forum data:	5ms
get page messages:	88ms
get tp. blocked users:	2ms
others:	250ms

total:	491ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы