@DimaGhost

Как поменять время в таймере?

Добрый день! У меня на LP есть таймер в виде плагина, нужно поменять время, но не знаю как так как JS вообще не знаю. Нужна Ваша помощь, буду очень признателен.
Задача , сделать так что бы на таймере показывало 2 часа с секундами, без дней.
На данный момент всё выглядит так:
d0c5844c628c4d0aade99adfafb6a23b.png
Вот сам код, но не пойму как он работает и где указывать время...
(function($){
	
	// Number of seconds in every time division
	var days	= 24*60*60,
		hours	= 60*60,
		minutes	= 60;
	
	// Creating the plugin
	$.fn.countdown = function(prop){
		
		var options = $.extend({
			callback	: function(){},
			timestamp	: 0
		},prop);
		
		var left, d, h, m, s, positions;

		// Initialize the plugin
		init(this, options);
		
		positions = this.find('.position');
		
		(function tick(){
			
			// Time left
			left = Math.floor((options.timestamp - (new Date())) / 1000);
			
			if(left < 0){
				left = 0;
			}
			
			// Number of days left
			d = Math.floor(left / days);
			updateDuo(0, 1, d);
			left -= d*days;
			
			// Number of hours left
			h = Math.floor(left / hours);
			updateDuo(2, 3, h);
			left -= h*hours;
			
			// Number of minutes left
			m = Math.floor(left / minutes);
			updateDuo(4, 5, m);
			left -= m*minutes;
			
			// Number of seconds left
			s = left;
			updateDuo(6, 7, s);
			
			// Calling an optional user supplied callback
			options.callback(d, h, m, s);
			
			// Scheduling another call of this function in 1s
			setTimeout(tick, 1000);
		})();
		
		// This function updates two digit positions at once
		function updateDuo(minor,major,value){
			switchDigit(positions.eq(minor),Math.floor(value/10)%10);
			switchDigit(positions.eq(major),value%10);
		}
		
		return this;
	};


	function init(elem, options){
		elem.addClass('countdownHolder');

		// Creating the markup inside the container
		$.each(['Days','Hours','Minutes','Seconds'],function(i){
			$('<span class="count'+this+'">').html(
				'<span class="position">\
					<span class="digit static">0</span>\
				</span>\
				<span class="position">\
					<span class="digit static">0</span>\
				</span>'
			).appendTo(elem);
			
			if(this!="Seconds"){
				elem.append('<span class="countDiv countDiv'+i+'"></span>');
			}
		});

	}

	// Creates an animated transition between the two numbers
	function switchDigit(position,number){
		
		var digit = position.find('.digit')
		
		if(digit.is(':animated')){
			return false;
		}
		
		if(position.data('digit') == number){
			// We are already showing this number
			return false;
		}
		
		position.data('digit', number);
		
		var replacement = $('<span>',{
			'class':'digit',
			css:{
				top:'-2.1em',
				opacity:0
			},
			html:number
		});
		
		// The .static class is added when the animation
		// completes. This makes it run smoother.
		
		digit
			.before(replacement)
			.removeClass('static')
			.animate({top:'2.5em',opacity:0},'fast',function(){
				digit.remove();
			})

		replacement
			.delay(100)
			.animate({top:0,opacity:1},'fast',function(){
				replacement.addClass('static');
			});
	}
})(jQuery);
        </script>
		
        <script type="text/javascript">
$(function(){
	
	//этот блок вырезаем здесь он закоментирован
	
	//var note = $('#note'),
	//	ts = new Date(2014, 1-1, 1),
	//	newYear = true;
	//
	//if((new Date()) > ts){
	//	ts = (new Date()).getTime() + 0*0*00*00*1000;
	//	newYear = false;
	//}
	
	//этот блок вырезаем

		//вставляем этот блок
		
			var note = $('#note'),
			ts = new Date(),
			newYear = true;
			function getTimestamp() {
			var lastDay = 1; // последний день 7-ми дневки: 0(Вс)1(Пн)2(Вт)3(Ср)4(Чт)5(Пт)6(Сб)
			var date = new Date();
			var period = (lastDay + 6 - date.getDay()) % 7; //от 7 отнимаем указаный выше lastday (7-1)=6  и прописываем в место lastday+ 
			date.setDate(date.getDate() + period);
			date.setHours(24, 0, 0, 0); // начало будет с 00-00 . если надо подкорректирвоать то можно изменить 
			return date;
			}
			var ts = getTimestamp();
				
		//вставляем этот блок
		
	$('#countdown').countdown({
		timestamp	: ts,
		callback	: function(days, hours, minutes, seconds){
			
			var message = "";
			
			message += days + " day" + ( days==1 ? '':'s' );
			message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
			message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
			message += seconds + " second" + ( seconds==1 ? '':'s' ) + " <br />";
			
			if(newYear){
				message += "left until the new year!";
			}
			else {
				message += "left to 10 days from now!";
			}
			
			note.html(message);
		}
	});
	
});
  • Вопрос задан
  • 420 просмотров
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Тот код что вы привели - это код плагина. Дата, до которой идет отсчет, задается в другом месте. Там где плагин стартует. Может быть в другом JS файле или прямо в HTML.
Ответ написан
Комментировать
BuriK666
@BuriK666
Компьютерный псих
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы