Javascript-форум - Автоматический отсчёт до времени окончания акции с плагином TimeTo

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Автоматический отсчёт до времени окончания акции с плагином TimeTo (https://javascript.ru/forum/jquery/57256-avtomaticheskijj-otschjot-do-vremeni-okonchaniya-akcii-s-plaginom-timeto.html)

Автоматический отсчёт до времени окончания акции с плагином TimeTo

Здравствуйте. На сайте каждую неделю в пятницу в час ночи стартует ~~шабаш ведьм~~ новая акция, а старая соответственно заканчивается. Установлен таймер обратного отсчёта timeTo, дата каждую пятницу вводилась вручную. Я это дело автоматизировал, но наворотил такого, что самому страшно:

var today = new Date();
var currentDay = today.getDay();
var timeToEndAction;

switch (currentDay){
	case 0: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 5)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 1: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 4)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 2: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 3)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 3: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 2)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 4: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 1)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 5: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 7)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;
	case 6: timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate() + 6)).setHours(1)).setMinutes(0)).setSeconds(0);
		break;

}

$('#countdown').timeTo( {
	timeTo: new Date(timeToEndAction),
	displayDays: 2
	} );

Вопрос: можно ли как-то код улучшить(упростить) особенно switch?

Цитата:

Сообщение от Sigizmund2012

особенно switch?

Например заменить его на элементарный массив

var a=[5,4,3,2,1,7,6];
timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate()+a[currentDay])).setHours(1)).setMinutes(0)).setSeconds(0);

Цитата:

Сообщение от ksa

Например заменить его на элементарный массив

Отличная идея, чуть хуже читаемость(как по мне), но код изрядно сокращает.

таймер время до часу пятницы

Sigizmund2012,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="http://lexxus.github.io/jq-timeTo/js/jquery.timeTo.min.js"></script>
  <link rel="stylesheet" type="text/css" media="screen" href="http://lexxus.github.io/jq-timeTo/stylesheets/stylesheet.css">

    <link rel="stylesheet" type="text/css" media="screen" href="http://lexxus.github.io/jq-timeTo/stylesheets/timeTo.css">
    <style type="text/css">
    #countdown{
      margin: 70px;
    }

  </style>
  <script>
    $(function() {
    var b = [5, 4, 3, 2, 1, 7, 6],
        a = new Date,
        d = a.getHours(),
        c = a.getDay(),
        b = new Date(a.getFullYear(), a.getMonth(), a.getDate() + (5 != c || d ? b[c] : 0), 1, 0, 0);
    $("#countdown").timeTo({
        timeTo: b,
        displayDays: 2,
        theme: "white",
        displayCaptions: !0,
        fontSize: 48,
        captionSize: 14,
        lang: "ru"
    })
});
  </script>
</head>

<body>
<div id="countdown"></div>


</body>

</html>

Sigizmund2012,
выше код правильный но бесполезный
правильный код
$('#clock').timeTo({
seconds: количество секунд до даты согласно серверу а не времени на клиенте});

рони,
Как обычно коротко, но можно голову сломать пока поймёшь, как работает. Кстати, в коде (5 != c || d ? b[c] : 0) непонятно, зачем часы с 5 сравнивать, нужно ведь учитывать время в пятницу от 0 до 1 ночи. Все эти a,b,c трудно читаются. Доработал свой говнокод, получилось так:

var today = new Date();
var currentDay = today.getDay();
var currentHours = today.getHours();
var timeToEndAction;

var arr=[5,4,3,2,1,7,6];
timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate()+( (currentDay === 5 && currentHours < 1 ) ? 0 : arr[currentDay] ))).setHours(1)).setMinutes(0)).setSeconds(0);

$('#countdown').timeTo( {
	timeTo: new Date(timeToEndAction),
	displayDays: 2
	} );

Цитата:

Сообщение от рони

количество секунд до даты согласно серверу а не времени на клиенте

Верно, пришлось с сервера время брать. Вот что получилось:

jQuery(document ).ready(function(){
	var today;
	var currentDay;
	var currentHours;
	var timeToEndAction;
	var arr=[5,4,3,2,1,7,6];
	$.ajax({
		url: "/sendmailforms/time.php",
		cache: false,
		success: function(data){
			today = new Date(data);
			currentDay = today.getDay();
			currentHours = today.getHours();
			timeToEndAction = new Date(new Date(new Date(new Date().setDate(today.getDate()+( (currentDay === 5 && currentHours < 1 ) ? 0 : arr[currentDay] ))).setHours(1)).setMinutes(0)).setSeconds(0);
			$('#countdown').timeTo( {
				timeTo: new Date(timeToEndAction),
				displayDays: 2
			} );
		}
	});
});

Sigizmund2012,
currentDay === 5 && currentHours < 1 === currentDay === 5 && !currentHours === 5 != c || d

5 != c || d перевод сегодня не пятница или время больше 1 часа

Sigizmund2012,
вопрос остался зачем все строки кроме

Цитата:

Сообщение от рони

$('#clock').timeTo({
seconds: количество секунд до даты согласно серверу а не времени на клиенте});

нафига ajax и прочая лабуда?

Цитата:

Сообщение от рони (Сообщение 381749)

Вообще нихрена не понял. Похоже я путаюсь в приоритете операторов, выражение 5 != c || d ? b[c] : 0 нужно вот так читать что-ли?: (5 != c) || (d ? b[c] : 0). Но оно же в результате вернёт булев тип.