<< SharePoint 2019/SE 'Modern' Web PartsTable of contents 
Timer Web Part

The free Timer Web Part allows to display a countdown timer and/or an “elapsed time” timer. 
Sharepoint 2019 Modern Countdown Timer Web Part

Web Part Configuration:

enter the optional web part title

Web Part:

enter the below configuration options:

date=5/15/2020 (enter the timer target date)
startdate=4/15/2020 (optionally enter the timer start date)
caption=Product Launch Event (enter the timer caption)
bgc=tomato (enter the optional background color or image URL)
header=Product Launch (enter the optional header text)
footer=Location: Miami (enter the optional footer text)
link=URL (enter the optional target link)
linkcaption=visit the site.. (enter the optional target link caption)
showelapsedtime=1 (display the elapsed time)
elapsedlabel=since (enter the elapsed time label)
showremainingtime=0 (suppress the remaining time)
timeoutmessage=some text (enter the timeout label)
css=custom CSS (override the default web part style)
timefont=17px Segoe UI (override the default timer style)
units=hours (override the default 'Display Units' setting)
localization=d;h (days/hours units display text)

Web Part Configuration
Webpart Homepage & Download »

Please enter a comment below if you want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

11/29/2022 21:58 
Hi, how we can change the color of the font? thanks
11/29/2022 22:29 
timefont=40px Arial; color:#000000.

and now, how we can change the "header" size???
11/30/2022 10:56 
to set the timer's font size and color, please use the "timefont" setting as eg.

timefont=40px Arial;color:black
11/30/2022 10:57 
to change the header text font size, please use the "css" setting as eg.

10/20/2023 20:17 
is it possible to get rid of the footer where it says "Evaluation version"?