[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 - пробел убрать