Skip to Content
Technical Articles
Author's profile photo Rohit Chouhan (Deloitte)

Custom Widget to Add Time Countdown in SAP Analytics Cloud

TimeCountdown is a SAP Custom Widget to customizable countdown timer widget that can be easily integrated into web pages or applications. The widget allows developers to create multiple countdowns with different end dates and style them to match the overall look and feel of their projects.




To use this widget in your SAP application, follow these steps:

  • Download the TimeCountdown.json file from the URLs specified in the webcomponents property of the JSON.
  • Go to your SAC Portal, select Analytic Application from the left side bar, and then go to the Custom Widget tab.
  • Click on the + icon on the right side and select the TimeCountdown.json file that you downloaded.
  • You’re done! You can now use it in your app.


The widget has the following methods:

Set Methods

Method Parameter Type Description
setDate(date) string Set Date for Countdown (in ISO)
setCaptionaftercountdown(captionaftercountdown) string Set Caption after Countdown finished

get Methods

Method Return Type Description
getDate() string return Date for Countdown
getCaptionaftercountdown() string return Caption after Countdown finished



The TimeCountdown widget is a useful tool for web developers who need to add a visual countdown timer to their projects. With its customizable options and easy integration, it can help improve the user experience of your website or application. The widget is well-maintained and regularly updated, ensuring that it will continue to be a reliable tool for developers in the future.

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Jacek Grys
      Jacek Grys

      Hi Rohit,

      Thank you for your widget! It perfectly works when you set date manually in designer area but when I tried to set it via script then suddenly it start blinking 🙁 Did you notice similar issue with yours widget? Please see my attached image.

      Thanks in advance!



      Widget behave