Таймер

Таймер большой с фоном

<div class="flex">
    <span class="up-timer js-timer flex t-big t-bg" data-options='{
        "end": "2099-12-23 00:00:00",
        "loop": "true",
        "day": ["день", "дня", "дней"],
        "hour": ["час", "часа", "часов"],
        "minute": ["минута", "минуты", "минут"],
        "second": ["секунда", "секунды", "секунд"]
    }'></span>
</div>

Таймер большой

<div class="flex">
    <span class="up-timer js-timer flex t-big" data-options='{
        "end": "2099-12-23 00:00:00",
        "loop": "true",
        "day": ["день", "дня", "дней"],
        "hour": ["час", "часа", "часов"],
        "minute": ["минута", "минуты", "минут"],
        "second": ["секунда", "секунды", "секунд"]
    }'></span>
</div>

Таймер маленький

{* THEME ID *}
{$theme_id = waRequest::getTheme()}

{* UTIL *}
{include "{$wa->site->themePath($theme_id)}util/util.html"}

{$wa_real_parent_theme_url = $wa->site->themeUrl($theme_id)}

<div class="flex">
    <span class="up-timer js-timer flex t-short up-timer" data-options='{
        "loop": "true",
        "day": ["д", "д", "д"],
        "hour": ["ч", "ч", "ч"],
        "minute": ["м", "м", "м"],
        "second": ["с", "с", "с"]
    }'>
        {call icon_svg svg="fire" size=14}
    </span>
</div>

Таймер маленький c фоном

{* THEME ID *}
{$theme_id = waRequest::getTheme()}

{* UTIL *}
{include "{$wa->site->themePath($theme_id)}util/util.html"}

{$wa_real_parent_theme_url = $wa->site->themeUrl($theme_id)}

<div class="flex">
    <span class="up-timer js-timer flex t-short t-bg up-timer" data-options='{
        "loop": "true",
        "day": ["д", "д", "д"],
        "hour": ["ч", "ч", "ч"],
        "minute": ["м", "м", "м"],
        "second": ["с", "с", "с"]
    }'>
        {call icon_svg svg="fire" size=14}
    </span>
</div>