countdown

Countdown im Uhr-Stil

HTML-Code

<div data-type="countdown"
    data-device="TIMER1"
    data-readymessage="ENDE"
    data-readyclass="blink"
    data-resettimeout="5000"
    data-resetmessage="-"
    data-interval="1000">

Zeigt die verbleibende Zeit bis zum Wert von TIMER1 als Countdown an. Der Countdown wird alle 1000ms aktualisiert. Nach Ablauf der Zeit wird 5000ms lang der Text "ENDE" angezeigt und die CSS-Klasse "blink" zugefügt. Danach wird "-" angezeigt.

Attribute

device

Name eines Devices mit der Zielzeit in der Form HH:MM:SS oder HH:MM. Kein Default.

get

Name eines Readings mit der Zielzeit in der Form HH:MM:SS oder HH:MM. Default: STATE

readymessage

Text, der nach erreichen der Zielzeit angezeigt werden soll. Default: '00:00:00'

readyclass

CSS-Klasse, die dem div nach erreichen der Zielzeit zugefügt werden soll. Default: keine

resettimeout

Zeit in Milisekunden für die readymessage angezeigt werden soll. Bei einem negativen Wert wird readymessage nicht ersetzt. Default: -1

resetmessage

Text, der nach Ablauf von resettimeout angezeigt werden soll. Default: ''

interval

Zeit zwischen den Aktualisierungen des Countdowns in Milisekunden. Default: 1000