Countdown Timer

Here is a complete settings example for the Countdown Timer:

Initial Settings

To start using the Countdown Timer, you need to set the initial settings. You can do this by adding the following code:

var countdownTimer = new CountdownTimer({
  targetDate: new Date("2025-12-31T00:00:00.000Z"),
  interval: 1000,
  displayFormat: "DD:HH:MM:SS"
});

In this example, we are setting the target date to December 31, 2025, at 00:00:00. The interval is set to 1000 milliseconds, which means the timer will update every second. The display format is set to "DD:HH:MM:SS", which means the timer will display the remaining time in days, hours, minutes, and seconds.

Display Options

You can customize the display options of the Countdown Timer by adding the following code:

countdownTimer.displayOptions = {
  showDays: true,
  showHours: true,
  showMinutes: true,
  showSeconds: true
};

In this example, we are setting the display options to show all four units: days, hours, minutes, and seconds.

Event Listeners

You can add event listeners to the Countdown Timer to react to certain events. For example, you can add a listener for when the timer reaches 0:

countdownTimer.addEventListener("countdownComplete", function() {
  console.log("Countdown complete!");
});

In this example, we are adding a listener for the "countdownComplete" event, which will trigger when the timer reaches 0. The listener function will log a message to the console when the event is triggered.

Other Settings

You can also customize other settings of the Countdown Timer, such as the language or the unit of time. For example:

countdownTimer.language = "fr";
countdownTimer.unit = "minute";

In this example, we are setting the language to French and the unit of time to minutes.

Here are the features of the Countdown Timer extracted from the content:

1. Live editions: allows you to create a countdown that is always up-to-date.
2. Customize Colors: allows you to change the colors of the countdown to match your brand or design.
3. Customize Margins and Paddings: allows you to adjust the spacing and padding of the countdown to fit your design.
4. Add a Title: allows you to add a title to the countdown.
5. Customize Time labels: allows you to customize the labels for the time (e.g. "Days", "Hours", "Minutes", etc.).
6. Target to a specific Date and Time: allows you to set a specific date and time for the countdown to target.
7. Manual times with persistance after refreshing the page: allows you to set a manual time for the countdown that persists even after refreshing the page.
8. Different actions after the countdown finishes: allows you to set different actions to occur when the countdown finishes (e.g. redirect to a new page, show a message, etc.).
9. Interactive Tutorial: provides a step-by-step guide to help you get started with the countdown timer.
10. Copy & Paste code: generates a JavaScript and HTML code that you can copy and paste into your website.
11. No programming knowledge required: the Editor makes it easy to configure the countdown without needing any programming knowledge.

Note that these features are listed on separate lines, as per your request.