/** * jquery.syotimer.js * @version: v1.0.1 * @author: John Syomochkin * @url: https://github.com/mrfratello/SyoTimer * * Created by John Syomochkin on 2014-12-10. * * * The MIT License (MIT) * * Copyright (c) 2014 John Syomochkin * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ (function($){ var day_ms = 24 * 60 * 60, hour_ms = 60 * 60, minute_ms = 60, lang = { rus: { second: ['секунда', 'секунды', 'секунд'], minute: ['минута', 'минуты', 'минут'], hour: ['час', 'часа', 'часов'], day: ['день', 'дня', 'дней'] }, eng: { second: ['sec', 'secs'], minute: ['min', 'mins'], hour: ['hour', 'hours'], day: ['day', 'days'], }, }; $.fn.syotimer = function(options){ // установки по умолчанию defaultTimer = { year: 2014, month: 7, day: 31, hour: 0, minute: 0, second: 0, periodic: false, // true - таймер периодичный periodInterval: 7, // (если periodic установлен как true) период таймера. Единица измерения указывается в periodType periodUnit: 'd', // единица измерения периода таймера dayVisible: true, // показывать ли количество дней, если нет, то количество часов может превышать 23 dubleNumbers: true, // показывать часы, минуты и секунды с ведущими нолями ( 2часа 5минут 4секунды = 02:05:04) effectType: 'none', // эффект отсчета таймера: 'none' - нет эффекта, 'opacity' - выцветание lang: 'eng', headTitle: '', // текст над таймером (можно в HTML формате) footTitle: '', // текст под таймером (можно в HTML формате) afterDeadline: function(timerBlock){ timerBlock.bodyBlock.html('
The countdown is finished!
'); } }; // инициалиация параметров пользователя var settings = $.extend(defaultTimer, options || {}); // инициализация прочих переменных var el = this; return el.each(function(){ // инициализация плагина var obj = $(this); init(obj,settings); (function timeout(){ $('.second .tab-val',obj).css('opacity',1); Now = new Date(); // текущая дата DeadDate = new Date(settings.year, settings.month-1, settings.day, settings.hour, settings.minute, settings.second); // контрольная дата different = Math.floor((DeadDate.getTime()-Now.getTime())/1000); if ( settings.periodic ){ // если надо отсчитывать таймер по периоду // определяем единицу измерения периода таймера switch (settings.periodUnit){ case 'd': unit_ms = day_ms; break; case 'h': unit_ms = hour_ms; break; case 'm': unit_ms = minute_ms; break; case 's': unit_ms = 1; break; } differentUnits = Math.abs( Math.ceil( (DeadDate.getTime()-Now.getTime())/(unit_ms*1000) ) ); // кол-во полных единиц времени между текущей датой и дедлайном if ( different>=0 ){ dUnits = differentUnits%settings.periodInterval; dUnits = (dUnits==0)? settings.periodInterval-1 : dUnits-1; } else dUnits = settings.periodInterval-differentUnits%settings.periodInterval; addUnits = different%unit_ms; // fix когда дедлайн раньше текущей даты, возникает баг с неправильным расчетом интервала при different пропорциональной periodUnit if ( ( addUnits == 0 ) && ( different < 0 ) ) dUnits--; alls = Math.abs( dUnits * unit_ms + addUnits ); } else alls = different; // количество секунд до дедлайна (alls) при наличии if ( alls >= 0 ){ dd = Math.floor(alls/day_ms); alls = alls%day_ms; dh = Math.floor(alls/hour_ms); alls = alls%hour_ms; dm = Math.floor(alls/minute_ms); alls = alls%minute_ms; ds = Math.floor(alls); if ( settings.dayVisible ){ $('.day .tab-val',obj).html(dd); $('.day .tab-metr',obj).html(declOfNum(dd, lang[settings.lang].day, settings.lang)); $('.hour .tab-val',obj).html(format2(dh, settings.dubleNumbers)); $('.hour .tab-metr',obj).html(declOfNum(dh, lang[settings.lang].hour, settings.lang)); } else { dh+=dd*24; $('.hour .tab-val',obj).html(format2(dh, settings.dubleNumbers)); $('.hour .tab-metr',obj).html(declOfNum(dh, lang[settings.lang].hour, settings.lang)); } $('.minute .tab-val',obj).html(format2(dm, settings.dubleNumbers)); $('.minute .tab-metr',obj).html(declOfNum(dm, lang[settings.lang].minute, settings.lang)); $('.second .tab-val',obj).html(format2(ds, settings.dubleNumbers)); $('.second .tab-metr',obj).html(declOfNum(ds, lang[settings.lang].second, settings.lang)); switch ( settings.effectType ){ case 'none': setTimeout( function(){ timeout(); },1000); break; case 'opacity': $('.second .tab-val',obj).animate({opacity: 0.1 }, 1000, 'linear', timeout); break; } } else { settings.afterDeadline(obj); } })(); }); }; function init(elem,options){ // установка html разметки в блоке с таймером timer_html='