Почему перестал работать таймер от даты вперед на сайте?

Question

nikalis @nikalis

JavaScript

Почему перестал работать таймер от даты вперед на сайте?

В свое время помогли на каком то форуме со счетчиком на сайт для отсчета времени от даты образования фирмы (сам скрипт размещен на стороннем сайте https://www.sam73.ru/timer.js).
И вот недавно перестал работать, подскажите, пожалуйста, дело в самом скрипте на стороннем сайте или вот в этом коде, который на моем сайте? Пыталась сама разобраться, не понимаю...

<div class="timer1">
<h3><span style="color:#f1c40f;"><span style="font-size:14pt;">МЫ РАБОТАЕМ ДЛЯ ВАС</span></span></h3>

<table>
	<tbody>
		<tr style="background-color:#000000;">
			<td class="years" style="width: 60px; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">10</span></span></span></span></td>
			<td class="days" style="width: 60px; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">--</span></span></span></span></td>
			<td class="hours" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">23</span></span></span></span></td>
			<td style="vertical-align: middle; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">:</span></span></span></span></td>
			<td class="mins" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">23</span></span></span></span></td>
			<td style="vertical-align: middle; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">:</span></span></span></span></td>
			<td class="secs" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">15</span></span></span></span></td>
		</tr>
		<tr class="signature">
			<td class="ye" style="width: 60px; text-align: center;"><em><span style="font-size:12pt;">лет</span></em></td>
			<td class="dt" style="width: 60px; text-align: center;"><em><span style="font-size:12pt;">дней</span></em></td>
			<td class="ht" style="text-align: center;"><em><span style="font-size:12pt;">час</span></em></td>
			<td style="vertical-align: middle; text-align: center;">&nbsp;</td>
			<td class="mt" style="text-align: center;"><em><span style="font-size:12pt;">мин.</span></em></td>
			<td style="vertical-align: middle; text-align: center;">&nbsp;</td>
			<td class="st" style="text-align: center;"><em><span style="font-size:12pt;">сек.</span></em></td>
		</tr>
	</tbody>
</table>
</div>
<script language="JavaScript" type="text/javascript" src="https://www.sam73.ru/timer.js"></script><script>timer_start2('.timer1');</script>

Вопрос задан более трёх лет назад
98 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

Пригласить эксперта

Ответы на вопрос 1

8 комментариев

nikalis @nikalis Автор вопроса

а если я в коде своем меняла ссылку на сторонний сайт на http , но таймер все равно не работает?

Написано более трёх лет назад
Сергей Соколов @sergiks Куратор тега JavaScript

nikalis, когда основная страница работает по безопасному HTTPS, браузер откажется подгружать ресурсы по открытомму HTTP.

Написано более трёх лет назад
nikalis @nikalis Автор вопроса
<script language="JavaScript" type="text/javascript" src="https://www.sam73.ru/timer.js"></script><script>timer_start2('.timer1');</script>

поняла спасибо) я могу вот в этот элемент как-то вставить сам скрипт таймера со стороннего сайта? нет доступа к редактированию структуры сайта, только вот страницы могу
Написано более трёх лет назад

Сергей Соколов @sergiks Куратор тега JavaScript

nikalis, конечно:

<script language="JavaScript" type="text/javascript">
function timer_start (node, dateObj) 
{
  var node = $(node);
  // и далее..
</script>

<script>timer_start2('.timer1');</script>

Написано более трёх лет назад

nikalis @nikalis Автор вопроса

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

<div class="timer1">
<h3>Мы работаем для вас:</h3>
<table>
<tbody><tr class="time">
<td class="years" style="width: 60px;">4</td>
<td class="days" style="width: 60px;">--</td>
<td class="hours">23</td>
<td style="vertical-align: middle;">:</td>
<td class="mins">23</td>
<td style="vertical-align: middle;">:</td>
<td class="secs">15</td>
</tr>
<tr class="signature">
<td class="ye" style="width: 60px;">года</td>
<td class="dt" style="width: 60px;">дней</td>
<td class="ht">час</td>
<td style="vertical-align: middle;">&nbsp;</td>
<td class="mt">минут</td>
<td style="vertical-align: middle;">&nbsp;</td>
<td class="st">секунд</td>
</tr>
</tbody></table>
</div>

<script language="JavaScript" type="text/javascript" 
function timer_start (node, dateObj) 
{
	var node = $(node);
		
	if (node.length == 1) 
	{
		var days  = node.find('.days');
		var hours = node.find('.hours');
		var mins  = node.find('.mins');
		var secs  = node.find('.secs');
					
		var day  = new Number(days.text());
		var hour = new Number(hours.text());
		var min  = new Number(mins.text());
		var sec  = new Number(secs.text());
					
		sec  = (sec >= 10 ? sec : '0'+sec);
		min  = (min >= 10 ? min : '0'+min);
		hour = (hour >= 10 ? hour : '0'+hour);
					
		setTimeout(function() 
		{
			var t = true;
					
			if (sec == 0) sec = 60;						
			if (sec > 1) 
			{ 
				sec --; 
				sec = (sec >= 10 ? sec : '0'+sec); 	
				secs.html(sec);
			} else {
				secs.html(60); 
				sec = 60;
							
				if (min > 0) 
				{
					min--;
					min = (min >= 10 ? min : '0'+min);
					mins.html(min);
				} else {
					mins.html(59); min = 59;
					secs.html(60); sec = 60;
					if (hour > 0) 
					{
						hour--;
						hour = (hour >= 10 ? hour : '0'+hour);
						hours.html(hour);
					} else {
						mins.html(59); min = 59;
						secs.html(60); sec = 60;
						if (day > 0) 
						{
							day--;
							day = (day >= 10 ? day : day);
							days.html(day);
						} else {
							mins.html('00');
							secs.html('00');
							days.html('0');
							t = false;
						}
					}
				}				
			}
						
			if (t === true) timer_start (node, dateObj);
			
		}, 1000);
	}
}



function timer_start2 (node, dateObj) 
{
	var node = $(node);
		
	if (node.length == 1) 
	{
		var days  = node.find('.days');
		var hours = node.find('.hours');
		var mins  = node.find('.mins');
		var secs  = node.find('.secs');
					
		var day  = new Number(days.text());
		var hour = new Number(hours.text());
		var min  = new Number(mins.text());
		var sec  = new Number(secs.text());
					
		sec  = (sec >= 10 ? sec : '0'+sec);
		min  = (min >= 10 ? min : '0'+min);
		hour = (hour >= 10 ? hour : '0'+hour);
					
		setTimeout(function() 
		{
			var t = true;
					
			if (sec < 59) 
			{ 
				sec ++; 
				sec = (sec >= 10 ? sec : '0'+sec); 	
				secs.html(sec);
				
			} else { // sec = 60
			
				secs.html('00'); 
				sec = 0;
							
				if (min < 59) 
				{
					min++;
					min = (min >= 10 ? min : '0'+min);
					mins.html(min);
				} else {
					mins.html('00'); min = 0;
					secs.html('00'); sec = 0;
					
					if (hour < 23) 
					{
						hour++;
						hour = (hour >= 10 ? hour : '0'+hour);
						hours.html(hour);
					} else {
						mins.html('00'); min = 0;
						secs.html('00'); sec = 0;
						hours.html('00'); hour = 0;
						if (day >= 0) 
						{
							day++;
							day = (day >= 10 ? day : day);
							days.html(day);
						} else {
							mins.html('00');
							secs.html('00');
							days.html('0');
							t = false;
						}
					}
				}				
			}
						
			if (t === true) timer_start2 (node, dateObj);
			
		}, 1000);
	}
}
</script>

<script>timer_start2('.timer1');</script>

Написано более трёх лет назад

Сергей Соколов @sergiks Куратор тега JavaScript
nikalis, опечатка же: забыли закрывающую угловую скобку в теге

<script language="JavaScript" type="text/javascript" >
Написано более трёх лет назад
Сергей Соколов @sergiks Куратор тега JavaScript

в консоли браузера, если открыть, наверняка вывалены ошибки с исчерпывающим описанием и указанием на строку )

Написано более трёх лет назад

nikalis @nikalis Автор вопроса

Сергей Соколов, я же вообще ничего не понимаю в этом) так, какие то зачатки знаний когда то получала, и то благополучно все забыла, методом вот тыка что то иногда делаю)
скобку то я поставила.
И таймер заработал, но.. начал считать секунды, минуты в положенное время меняются, сколько дней не отображается, и при обновлении страницы все сначала. И в хтмл редакторе на сайте выделяет первую строку красным, но в консоли ошибок больше нет

<div class="timer1">
<h3><span style="color:#f39c12;">МЫ РАБОТАЕМ ДЛЯ ВАС</span></h3>

<table>
	<tbody>
		<tr style="background-color:#000000;">
			<td class="years" style="width: 60px; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">10</span></span></span></span></td>
			<td class="days" style="width: 60px; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">--</span></span></span></span></td>
			<td class="hours" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">23</span></span></span></span></td>
			<td style="vertical-align: middle; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">:</span></span></span></span></td>
			<td class="mins" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">23</span></span></span></span></td>
			<td style="vertical-align: middle; text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">:</span></span></span></span></td>
			<td class="secs" style="text-align: center;"><span style="color:null;"><span data-mega-font-name="arial" style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:12pt;"><span style="background-color:#000000;">15</span></span></span></span></td>
		</tr>
		<tr class="signature">
			<td class="ye" style="width: 60px; text-align: center;"><em><span style="font-size:12pt;">лет</span></em></td>
			<td class="dt" style="width: 60px; text-align: center;"><em><span style="font-size:12pt;">дней</span></em></td>
			<td class="ht" style="text-align: center;"><em><span style="font-size:12pt;">час</span></em></td>
			<td style="vertical-align: middle; text-align: center;">&nbsp;</td>
			<td class="mt" style="text-align: center;"><em><span style="font-size:12pt;">мин.</span></em></td>
			<td style="vertical-align: middle; text-align: center;">&nbsp;</td>
			<td class="st" style="text-align: center;"><em><span style="font-size:12pt;">сек.</span></em></td>
		</tr>
	</tbody>
</table>
</div>
<script language="JavaScript" type="text/javascript" >
function timer_start (node, dateObj) 
{
	var node = $(node);
		
	if (node.length == 1) 
	{
		var days  = node.find('.days');
		var hours = node.find('.hours');
		var mins  = node.find('.mins');
		var secs  = node.find('.secs');
					
		var day  = new Number(days.text());
		var hour = new Number(hours.text());
		var min  = new Number(mins.text());
		var sec  = new Number(secs.text());
					
		sec  = (sec >= 10 ? sec : '0'+sec);
		min  = (min >= 10 ? min : '0'+min);
		hour = (hour >= 10 ? hour : '0'+hour);
					
		setTimeout(function() 
		{
			var t = true;
					
			if (sec == 0) sec = 60;						
			if (sec > 1) 
			{ 
				sec --; 
				sec = (sec >= 10 ? sec : '0'+sec); 	
				secs.html(sec);
			} else {
				secs.html(60); 
				sec = 60;
							
				if (min > 0) 
				{
					min--;
					min = (min >= 10 ? min : '0'+min);
					mins.html(min);
				} else {
					mins.html(59); min = 59;
					secs.html(60); sec = 60;
					if (hour > 0) 
					{
						hour--;
						hour = (hour >= 10 ? hour : '0'+hour);
						hours.html(hour);
					} else {
						mins.html(59); min = 59;
						secs.html(60); sec = 60;
						if (day > 0) 
						{
							day--;
							day = (day >= 10 ? day : day);
							days.html(day);
						} else {
							mins.html('00');
							secs.html('00');
							days.html('0');
							t = false;
						}
					}
				}				
			}
						
			if (t === true) timer_start (node, dateObj);
			
		}, 1000);
	}
}



function timer_start2 (node, dateObj) 
{
	var node = $(node);
		
	if (node.length == 1) 
	{
		var days  = node.find('.days');
		var hours = node.find('.hours');
		var mins  = node.find('.mins');
		var secs  = node.find('.secs');
					
		var day  = new Number(days.text());
		var hour = new Number(hours.text());
		var min  = new Number(mins.text());
		var sec  = new Number(secs.text());
					
		sec  = (sec >= 10 ? sec : '0'+sec);
		min  = (min >= 10 ? min : '0'+min);
		hour = (hour >= 10 ? hour : '0'+hour);
					
		setTimeout(function() 
		{
			var t = true;
					
			if (sec < 59) 
			{ 
				sec ++; 
				sec = (sec >= 10 ? sec : '0'+sec); 	
				secs.html(sec);
				
			} else { // sec = 60
			
				secs.html('00'); 
				sec = 0;
							
				if (min < 59) 
				{
					min++;
					min = (min >= 10 ? min : '0'+min);
					mins.html(min);
				} else {
					mins.html('00'); min = 0;
					secs.html('00'); sec = 0;
					
					if (hour < 23) 
					{
						hour++;
						hour = (hour >= 10 ? hour : '0'+hour);
						hours.html(hour);
					} else {
						mins.html('00'); min = 0;
						secs.html('00'); sec = 0;
						hours.html('00'); hour = 0;
						if (day >= 0) 
						{
							day++;
							day = (day >= 10 ? day : day);
							days.html(day);
						} else {
							mins.html('00');
							secs.html('00');
							days.html('0');
							t = false;
						}
					}
				}				
			}
						
			if (t === true) timer_start2 (node, dateObj);
			
		}, 1000);
	}
}
</script><script>timer_start2('.timer1');</script>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+1 ещё

Простой
Как одновременно использовать npm_module на macOS и windows?
- 1 подписчик
- 13 часов назад
- 50 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Почему не получается обратиться к наследуемому свойству (php) через асинхронный запрос?
- 2 подписчика
- 14 часов назад
- 533 просмотра
1

ответ
JavaScript

Простой
Почему функции по смещению свойств объектов работают только с объектами, у которых свойства состоят из букв?
- 1 подписчик
- вчера
- 78 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как в редакторе Gutenberg получить выделенный текст?
- 1 подписчик
- вчера
- 66 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как запушить объект (содержащий в себе дату и массив часов) в массив?
- 1 подписчик
- 17 апр.
- 82 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как прогрузить превью видео Ютуб на главной до момента прокрутки до них?
- 3 подписчика
- 16 апр.
- 720 просмотров
2

ответа
JavaScript

Простой
Изменение таблицы в DOM?
- 1 подписчик
- 15 апр.
- 127 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Slick слайдер на одном пк работает, а на другом нет, почему?
- 1 подписчик
- 15 апр.
- 131 просмотр
1

ответ
JavaScript

+4 ещё

Средний
Как переопределить rem для Shadow DOM?
- 1 подписчик
- 14 апр.
- 118 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как отследить кнопку «назад» на телефонах?
- 2 подписчика
- 14 апр.
- 328 просмотров
2

ответа
Показать ещё Загружается…

Senior Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 400 000 ₽

Middle javascript разработчик

Neat-Studio

от 100 000 до 120 000 ₽

Tech Lead/ Team Lead (JavaScript)

SteadyControl • Воронеж

До 200 000 ₽

код нельзя размещать картинкой — это нарушение Правил. Только текстом в теге <code>
прошу прощения, плохо во всем этом разбираюсь к сожалению, не знала как размещать здесь. Спасибо за ответ большое! буду копаться

Answer 1 · 2021-08-15 09:47:46

Дело в том стороннем сайте — у них полетел сертификат и скрипт более не загружается по HTTPS.

Откройте его по HTTP, скопируйте себе на сайт, и он ещё поработает.

Почему перестал работать таймер от даты вперед на сайте?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт