25min countdown

Developer
Size
2,276 Kb
Views
14,168

How do I make an 25min countdown?

What is a 25min countdown? How do you make a 25min countdown? This script and codes were developed by Shikun Ke on 28 November 2022, Monday.

25min countdown Previews

25min countdown - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>25min countdown</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="background"> <div class="container text-center"> <div class="text text-center"> <p1 class="p1"><b>25 minute working time</b></p1></div> <br /> <div class="button"> <button class="btn btn-primary" onclick="startTimer(Minute)">start</button> </div> <div class="time"> <p id="demo"><b></b></p></div> </div> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

25min countdown - Script Codes CSS Codes

.background{ margin:20px; background-color:#F47564;
}
.container{ padding:10px; margin:10px;
}
.p1{ font-size:20px;
}
.time{ font-size:14px; padding:5px; margin:10px;
}

25min countdown - Script Codes JS Codes

$(document).ready(function()
{startTimer(Minute);}
) function startTimer(duration) { var start = Date.now(), diff, minutes, seconds; function timer() { // get the number of seconds that have elapsed since // startTimer() was called diff = duration - (((Date.now() - start) / 1000) | 0); console.log(diff); // does the same job as parseInt truncates the float minutes = (diff / 60) | 0; seconds = (diff % 60) | 0; minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; document.getElementById("demo").innerHTML = minutes + ":" + seconds; if (diff <= 0) { // add one second so that the count down starts at the full duration // example 05:00 not 04:59 start = Date.now() + 1000; } }; // we don't want to wait a full second before the timer starts timer(); setInterval(timer, 1000);
} var Minute = 60; var twentyfiveMinutes = 60 *25;
25min countdown - Script Codes
25min countdown - Script Codes
Home Page Home
Developer Shikun Ke
Username BarryKe
Uploaded November 28, 2022
Rating 3
Size 2,276 Kb
Views 14,168
Do you need developer help for 25min countdown?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Shikun Ke (BarryKe) Script Codes
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!