countdown ~ horloge, minuteurs et compte à rebours

Cette action permet d'afficher une horloge, le temps restant jusqu'à une date ou un compte à rebours.

🆙 countdown : affiche un compte à rebours ou une horloge digitale

Cliquer pour lire la documentation

syntaxe:
{up countdown=201801010000} // délai jusqu'à une date
{up countdown=120} // compte à rebours en secondes
{up countdown} // affiche une horloge
@author: Lomart @version: UP-0.9 @license: GNU/GPLv3 @credit: Lexxus - jq-timeTo @tags: widget
  • countdown: date, nombre de secondes ou vide pour horloge
  • align: left, center ou right

style et options secondaires

  • id: identifiant
  • class: classe
  • style: style inline
  • filter: condition d'éxécution

paramétres Javascript pour configuration du compteur

  • callback: Fonction appelée à la fin du compte à rebours
  • captionSize: fontsize legendes
  • countdownAlertLimit = 10: alerte en seconde avant fin countdown
  • displayCaptions: 1 = légendes affichées
  • displayDays: nb chiffres affichés pour jours
  • fontFamily = Verdana, sans-serif: Police pour chiffres
  • fontSize = 28: Taille police en pixels pour chiffres
  • lang = en: Défini automatiquement par UP
  • seconds: Temps initial en secondes pour le compte à rebours
  • start = 1: démarrer automatiquement la minuterie
  • theme = white: style : white, black ou blue

une horloge

{up countdown | align=center | style=margin-bottom:15px}

le temps restant jusqu'au 

{up countdown=2017/12/25 23:59 | theme=black | fontSize=48 | displayCaptions=1}

note: la date indiquée est un exemple sans rapport avec la valeur affichée par le countdown

un compte à rebours de 30 s

{up countdown=30 | theme=blue | countdownAlertLimit=12 | style=color:tan;margin-bottom:15px}

countdownAlertLimit affiche les chiffres en rouge 12 secondes avant la fin. Par défaut, c'est 10 secondes.

Attention : il peut y avoir un décalage de quelques secondes entre l'heure réelle et celle du serveur.

Cette action est basée sur un script de Lexxus - jq-timeTo (licence MIT)
Pour info, cette page utilise 5 action(s) :
upactionslist (1) countdown (3) jcontent-info (1)
Détails