core-countdown-clock Countdown - Clock Core A module for displaying a Countdown timer as a clock fa fa-hourglass-o \Xibo\Widget\Compatibility\CountDownWidgetCompatibility countdown-clock Countdown countdown 2 1 1 html 60 countdown-clock-thumb 300 180 Countdown Type Please select the type of countdown. 1 Countdown Duration The duration in seconds. 2 0 2 Countdown Date Select the target date and time. 10/10/2010 10:10:10 3 Warning Duration The countdown will show in a warning mode from the end duration entered. 1 2 2 1 0 Warning Date The countdown will show in a warning mode from the warning date entered. 3 3 Horizontal Align How should this widget be horizontally aligned? center Vertical Align How should this widget be vertically aligned? middle Inner Background Colour #00816A Inner Text Font Select a custom font - leave empty to use the default font. Inner Text Colour #fff Outer Background Colour #00BF96 Label Text Font Select a custom font - leave empty to use the default font. Label Text Colour #fff Warning Background Colour 1 darkorange Warning Background Colour 2 orange Finished Background Colour 1 darkred Finished Background Colour 2 red 640 360
[mm]
||Minutes||
[ss]
||Seconds||
]]> '; break; case 'ssa': replacement = ''; break; case 'mm': replacement = ''; break; case 'mma': replacement = ''; break; case 'hh': replacement = ''; break; case 'hha': replacement = ''; break; case 'DD': replacement = ''; break; case 'WW': replacement = ''; break; case 'MM': replacement = ''; break; case 'YY': replacement = ''; break; default: replacement = 'NULL'; break; } return replacement; }); // Attach html back to container $countdownContainer.html(countdownHTML); // Scale the layout $(target).xiboLayoutScaler(properties); // Render the countdown var $contentContainer = $(target).find('#content'); $contentContainer.xiboCountdownRender(properties,$contentContainer.html()); ]]>