Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2015, 17:02
Интересующийся
Отправить личное сообщение для raindew Посмотреть профиль Найти все сообщения от raindew
 
Регистрация: 20.11.2011
Сообщений: 25

Изменение формата таймера
Всем привет!
Помогите поменять формат таймера с просто секунд, на ч/м/с.
Таймер задается в data-time="3600", считается в data-currenttime="3599" и выводится в <span class="timer">0</span>. Считается от указанного времени до нуля.

Код таймера:
var nowDate = new Date();
var interval1;
var c_opts = {expires: 10};
function timer() {
    $("#menu_links_list li a").each(function () {
        var t = parseInt($.cookie($(this).attr("id") + "_currenttime")) || parseInt($(this).attr("data-currenttime")) || 0;
        t = ( t > 0 ) ? t - 1 : 0;

        $(this).attr("data-currenttime", t).parent().find(".timer").text(t);
        if (t <= 0) {
            t = 0;
            $(this).removeClass("timer_on");
            return true;
        }
//t=((new Date(t*1000).getTime()/1000)-(nowDate.getTime()/1000)||0);
        if (!$(this).hasClass("timer_on")) {
            $(this).addClass("timer_on");
        }
        $.cookie($(this).attr("id") + "_currenttime", t, c_opts);
    });
}
$(function () {
    timer();
    interval1 = window.setInterval(timer, 1000);
    $.ajax({
        type: "GET",
        url: "xml/links.xml",
        dataType: "xml",
        success: function (d) {
            var i = 0,
                $blocks = $(d).find( "links linkblock" );

            var blockCounter = 0;
            $blocks.each( function(){
                var $parent = $( "#" + $( this ).attr( "parentId" ) );

                if( $parent.length > 0 ) {
                    var $ol = $("<ol index='" + blockCounter++ + "'/>", { 'id': $(this).attr("id") });

                    $parent.append( $ol );

                    $(this).find("link").each(function () {
                        $ol.append(
                            '<li><a data-time="' + ($(this).attr('data-time') || "0") + '" ' +
                                'id="' + ($(this).attr('id') || "lnk" + i) + '" ' +
                                'href="' + ($(this).attr('href') || "") + '">' + $(this).text() + '</a>' +
                                '<span class="timer" title="таймер">0</span>' +
                                '</li>');
                        i++;
                    });
                }
            } );

            count_links();
            $.cookie("last_active_link", null, c_opts);
        },
        error: function (xhr, statusText) {
            alert("Error " + statusText);
        }
    });
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ещё раз изменение css файла посредством javascript JSN Events/DOM/Window 8 27.03.2020 10:42
Изменение состояния DOM denysdovhan Events/DOM/Window 10 27.05.2014 12:54
изменение картинки при изменении урла и наведении курсора ahid Элементы интерфейса 2 09.02.2014 14:53
Как обработать изменение масштаба окна в IE8 ? v_k Events/DOM/Window 1 09.08.2010 13:35
запретить повторный запуск таймера setInterval-clearInterval mrWong Общие вопросы Javascript 1 01.02.2010 12:25