May 17, 2024 | jQuery
Hello Dev,
This tutorial will illustrate how to subtract seconds using jQuery and Moment.js. We'll focus on Moment.js' capability to subtract seconds from time. Throughout this article, we'll explore the process of subtracting seconds from the current time using Moment.js. Let's begin by understanding how to subtract seconds from time in jQuery Moment.
Here, I'll provide a straightforward example of utilizing Moment.js' add() method to add seconds to a date and the subtract() method to subtract seconds from a date.
Read Also: How to Subtract Seconds to Datetime in Jquery Moment Js? Example 1: Add Seconds to Time
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Add Seconds to Time in Jquery Moment Js Example -- ItErrorSolution.com</title>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
</head>
<body>
<p id="result"></p>
<p id="result1"></p>
<script>
$(document).ready(function() {
// Define the number of seconds to add
var secondsToAdd = 120; // Example: add 120 seconds
// Get the current time
var currentTime = moment();
// Add seconds to the current time
var newTime = currentTime.add(secondsToAdd, 'seconds');
// Display the new time
$('#result').text("Add Method Time: " + newTime.format('DD/MM/YYYY HH:mm:ss'));
});
</script>
</body>
</html>
Output:
Add Method Time: 17/05/2024 08:32:05Read Also: Jquery Moment js Convert String to Date Example Example 2: Subtract Seconds to Time
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Add Seconds to Time in Jquery Moment Js Example -- ItErrorSolution.com</title>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
</head>
<body>
<p id="result"></p>
<script>
$(document).ready(function() {
// Define the number of seconds to add
var secondsToAdd = 120; // Example: add 120 seconds
// Get the current time
var currentTime = moment();
// Add seconds to the current time
var newTime = currentTime.subtract(secondsToAdd, 'seconds');
// Display the new time
$('#result').text("Subtract Time: " + newTime.format('DD/MM/YYYY HH:mm:ss'));
});
</script>
</body>
</html>
Output:
Subtrack Method Time: 17/05/2024 08:32:14
This example demonstrates how to use jQuery and Moment.js to add seconds to the current time, providing a practical way to manipulate and display dynamic times based on user-defined intervals
Thank you for your encouragement! If you have any questions or need further assistance, feel free to ask. I'm here to help!
"Hey there! I'm a full-stack developer and proud owner of ItErrorSolution.com, based right here in India. I love nothing more than sharing handy tips and tricks with my fellow developers through easy-to-follow tutorials. When it comes to coding, I'm all about PHP, Laravel, Angular, Vue, Node, JavaScript, jQuery, CodeIgniter, and Bootstrap – been hooked on them forever! I'm all about putting in the work and staying committed. Ready to join me on this journey to coding?"