Скачать или смотреть Create a JavaScript Countdown Timer Without Seconds

Learn how to build a simple JavaScript countdown timer that only shows Days, Hours, and Minutes, removing the seconds entirely from the display!
---
This video is based on the question https://stackoverflow.com/q/62345078/ asked by the user 'GuillaumeJ' ( https://stackoverflow.com/u/13734337/ ) and on the answer https://stackoverflow.com/a/62345465/ provided by the user 'Moutah' ( https://stackoverflow.com/u/8037302/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Countdown timer in javascript with Days, Hours, Minutes only - getting rid of Seconds

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Building a Countdown Timer in JavaScript Without Seconds

If you're diving into JavaScript and want to add a countdown timer to your website, you're in the right place. Many developers want to create a timer that is clean and focused, without the distraction of seconds. In this guide, we’ll walk you through the process of modifying a countdown timer to display only Days, Hours, and Minutes.

The Problem

You've found some basic JavaScript code that helps you setup a countdown timer, but this code currently includes seconds in its display. You want a solution that removes seconds from the timer to create a tidier appearance. Here’s the initial snippet of your code:

[[See Video to Reveal this Text or Code Snippet]]

You’ll find instructions below on how to achieve your goal effectively.

The Solution

Step 1: Modify the JavaScript Code

Start by removing any instances of seconds and the associated logic from your JavaScript code. Here’s how to modify the code:

Remove seconds calculation:

Eliminate the line that calculates seconds.

Remove references to seconds in the return object.

Update the initializeClock Function:

Remove the line that updates secondsSpan since it will no longer be used.

Your modified JS code should look like this:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Update the HTML Markup

Next, simplify the HTML structure by removing the section dedicated to seconds. This will help clean up the display.

Remove the seconds span and its container:

Your modified HTML code should look like this:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

With these changes, you have successfully removed seconds from your countdown timer. Your updated timer now displays only the essential information: Days, Hours, and Minutes. This approach not only enhances the clarity of your timer but also aligns with your design preferences.

Now you can impress your site visitors with a clean and modern countdown!

If you have any more questions or need further assistance, feel free to reach out. Happy coding!