Не работает несколько таймеров на сайте

[cobra369]

Всем привет. Использую движок WP.

Стоит задача добавить несколько таймеров обратного отсчета.

Ок, нашел в сети вот такой https://codepen.io/namimosha/pen/bwJQRy

Хорошо, ставлю на сайт (зачем то еще подключаю - jquery/3.1.0/jquery.min.js) - без него работать не хочет.

Один таймер работает.

Начинаю подключать следующие - беда, просто не отображаются, а точнее отображается только последний.

В чем может быть беда?

id - у divов разные

echo "<div id=\"hehe-$mytempvar\">

</div>
<script type=\"text/javascript\">
var remainingTime = $timeryak/1000;
var haha = '<span id=\"haha-$mytempvar\"></span>';
$('#hehe-$mytempvar').append(haha);

var MMode = setInterval(function(){ MModeTimer(remainingTime)}, 1000);

	function MModeTimer(remainingTime) {

	var currentTime = new Date().getTime() / 1000;
	var futureTime = remainingTime;
	var timeRemaining = futureTime - currentTime;
	var minute = 60;
	var hour = 60 * 60;
	var day = 60 * 60 * 24;
	var dayFloor = Math.floor(timeRemaining / day);
	var hourFloor = Math.floor((timeRemaining - dayFloor * day) / hour);
	var minuteFloor = Math.floor((timeRemaining - dayFloor * day - hourFloor * hour) / minute);
	var secondFloor = Math.floor((timeRemaining - dayFloor * day - hourFloor * hour - minuteFloor * minute));
	var countdownCompleted = \"Completed\";

	if (secondFloor <= 0 && minuteFloor <= 0) {
	window.location.reload(true);
	clearInterval(MModeTimer);
	document.getElementById(\"haha-$mytempvar\").innerHTML = countdownCompleted;

	} else {

	if (futureTime > currentTime) {
	if (dayFloor > 0){
$('#haha-$mytempvar').html(dayFloor + \" д. \" + hourFloor + \" ч. \" + minuteFloor + \" м. \");

	}
	else{
		$('#haha-$mytempvar').html(hourFloor + \" ч. \" + minuteFloor + \" м. \");
	}

	}
	}
	}

</script>"

Это непосредственно код из content.php - который выводит публикацию.

Гляньте пожалуйста вот сайт - akciya .uz - пробел убрать

[j0hnik]

https://codepen.io/anon/pen/yvqjJr

просто скрипт был не рассчитан на два таймера, элемент в котором выводить таймер был в самой функции, исправил пользуйтесь.

[cobra369]

https://codepen.io/anon/pen/yvqjJr

просто скрипт был не рассчитан на два таймера, элемент в котором выводить таймер был в самой функции, исправил пользуйтесь.

Огромное спасибо! Постараюсь внедрить все это теперь в WP. Если будут вопросы, напишу.

С праздником!

[cobra369]

https://codepen.io/anon/pen/yvqjJr

Все же немного не то, или я чего не понимаю.

Мне нужно несколько таймеров на странице в разных div.

<div id="hehe">
</div>


<div id="hehe2">
</div>

Но в каждом один span

Как быть в этой ситуации?

[Manyasha]

cobra369,
просто вместо

$('#hehe').append(haha,haha2);

напишите

$('#hehe').append(haha);
$('#hehe2').append(haha2);

[cobra369]

Ребят, помогите, так и не нашел решения этой задачи.

$('#hehe').append(haha,haha2);

Да, можно так сделать, но я не знаю сколько будет элементов на странице, то есть id генерируются wordpress.

То есть страница не статична и нужно как то переписать скрипт, чтобы он работал на всех элементах страницы

[j0hnik]

что значит на всех??? вы как себе это представляете???

но все же если так надо пожалуйста

$('*').append(haha);