×
Create Timer
Smart Tools
Toolbox
Tool Shop
Design Store
Open Source
Backgrounds
Animations
|
Hire Us
|
🙏
Donate
KodeKite Tools
Code Editors
HTML Editor
HTML & CSS Editor
Animations Generator
CSS Animation Generator
CSS 2 Block Effect Generator
CSS 3 Block Effect Generator
CSS 4 Block Effect Generator
CSS 5 Block Effect Generator
CSS 6 Block Effect Generator
CSS 7 Block Effect Generator
CSS 8 Block Effect Generator
CSS 9 Block Effect Generator
CSS 10 Block Effect Generator
Web Design Generators
Button Generator
Box Generator
Searchbar Generator
Image Generator
Login Form Generator
Signup Form Generator
Textarea Generator
Progressbar Generator
Iconbar Generator
Table Generator
HTML Form Generator
Form Generator
Solid Color Generators
Hexa Color Generator
RGB Color Generator
RGBA Color Generator
HSL Color Generator
HSLA Color Generator
CSS Code Generators
Background Generator
Border Generator
Border Radius Generator
Border TRBL Generator
Box Shadow Generator
Fonts Generator
Height Generator
Width Generator
Margin Generator
Outline Generator
Padding Generator
Text Generator
Text Shadow Generator
Neumorphism Generator
Neumorphism Generator
Math Algebra Calculators
a + b Calculator
a - b Calculator
a * b Calculator
a / b Calculator
a % b Calculator
a
2
+ b
2
Calculator
a
2
- b
2
Calculator
(a + b)
2
Calculator
(a - b)
2
Calculator
a
3
+ b
3
Calculator
a
3
- b
3
Calculator
(a + b)
3
Calculator
(a - b)
3
Calculator
(a + b)
4
Calculator
(a - b)
4
Calculator
(a + b + c)
2
Calculator
(a - b - c)
2
Calculator
a
3
Calculator
a! Calculator
Java GUI Generators
JButton Generator
JCheckbox Generator
JRectangle Generator
JOval Generator
JText Generator
JEditorpane Generator
JFrame Generator
JLabel Generator
JList Generator
JPanel Generator
JPasswordField Generator
JRadioButton Generator
JSeparator Generator
JSpinner Generator
JTable Generator
JTextarea Generator
JTextField Generator
HTML Code Generators
Bold Text Generator
Computer Code Generator
Deleted Text Generator
Description List Generator
Form Generator
Headings Generator
Input Generator
Italic Generator
Large Generator
Links Generator
Mark Generator
Meter Generator
Monospaced Text Generator
Ordered List Generator
Paragraph Generator
Pre Generator
Quotation Generator
Select Menu Generator
Small Text Generator
Strike Text Generator
Textarea Generator
Underline Text Generator
Unordered List Generator
Variable Generator
Math Geometry Calculators
Area of Circle Calculator
Area of Ellipse Calculator
Area of Parallelogram Calculator
Area of Rectangle Calculator
Area of Square Calculator
Area of Traingle Calculator
Radial Gradient Color Generators
2 Color Radial Gradient
3 Color Radial Gradient
4 Color Radial Gradient
5 Color Radial Gradient
6 Color Radial Gradient
7 Color Radial Gradient
Timer Generator With Code
Timer Generator
Mesh Gradients Generators
Mesh Linear Generator
Mesh Radial Generator
Mesh Conic Generator
Password Generators
Password Generator
Md5 Password Generator
Save Generated Password
Code Minifier Generator
Code minifier
Code Beautifier Generator
Code Beautifier
SQL Table Generator
SQL Generator
CSS Shapes Generator
Shapes Generator
Apply Generated Shapes
Color Shades Generator
Color Shades Generator
Color Snippet Generators
2 Color Linear Snippet
3 Color Linear Snippet
4 Color Linear Snippet
5 Color Linear Snippet
2 Color Radial Snippet
3 Color Radial Snippet
4 Color Radial Snippet
5 Color Radial Snippet
Linear Gradient Color Generators
2 Color Linear Gradient
3 Color Linear Gradient
4 Color Linear Gradient
5 Color Linear Gradient
6 Color Linear Gradient
7 Color Linear Gradient
Date Calculators
Leap Years Calculator
Years Calculator
Months Calculator
Weeks Calculator
Days Calculator
Hours Calculator
Minutes Calculator
Seconds Calculator
Conic Gradient Color Generators
2 Color Conic Gradient
3 Color Conic Gradient
4 Color Conic Gradient
5 Color Conic Gradient
6 Color Conic Gradient
7 Color Conic Gradient
Web Elements Color Tester
Web Color Tester
Linear Gradients Pattern Generators
2 Color Linear Pattern
3 Color Linear Pattern
4 Color Linear Pattern
5 Color Linear Pattern
6 Color Linear Pattern
7 Color Linear Pattern
Radial Gradients Pattern Generators
2 Color Radial Pattern
3 Color Radial Pattern
4 Color Radial Pattern
5 Color Radial Pattern
6 Color Radial Pattern
7 Color Radial Pattern
Conic Gradients Pattern Generators
2 Color Conic Pattern
3 Color Conic Pattern
4 Color Conic Pattern
5 Color Conic Pattern
6 Color Conic Pattern
7 Color Conic Pattern
SVG Code Generators
Circle Generator
Rectangle Generator
Ellipse Generator
Line Generator
Linear Gradient Generator
Radial Gredient Generator
Text Generator
Flexbox Code Generators
Container Generator
Align Content Generator
Align Items Generator
Direction Generator
Justifying Generator
Wrap Text Generator
Background Effects Generator
Stripe effect Generator
Glass effect Generator
Dummy Text Generator
Dummy Text Generator
Typing Tools
Text Typing Tool
Numbers Typing Tool
Symbols Typing Tool
Words Counter
Words Counter
Letters Counter
Letters Counter
Paragraphs Counter
Paragraphs Counter
Numbers System Conversion
Number System Conversion
Table Generator
Table Generator
React Design Generators
Button Generator
Box Generator
Searchbar Generator
Image Generator
Login Form Generator
Signup Form Generator
Textarea Generator
Progressbar Generator
Iconbar Generator
Table Generator
Color Palette Generators
2 Color Palette Generator
3 Color Palette Generator
4 Color Palette Generator
5 Color Palette Generator
6 Color Palette Generator
7 Color Palette Generator
Color Converters
Hexa to HSL Converter
Hexa to HSLA Converter
Hexa to RGB Converter
Hexa to RGBA Converter
HSL to Hexa Converter
HSL to HSLA Converter
HSL to RGB Converter
HSL to RGBA Converter
HSLA to Hexa Converter
HSLA to HSL Converter
HSLA to RGB Converter
HSLA to RGBA Converter
RGB to Hexa Converter
RGB to HSL Converter
RGB to HSLA Converter
RGB to RGBA Converter
RGBA to Hexa Converter
RGBA to HSL Converter
RGBA to HSLA Converter
RGBA to RGB Converter
PHP Code Generators
String Variable Generator
Integer Variable Generator
Operators Generator
Join Strings Generator
If Else Generator
For Loop Generator
While Loop Generator
Do While Loop Generator
String Array Generator
Integer Array Generator
Slug Generator
Slug Generator
Encryption Decryption
Encryption Decryption
Encode Decode
Encode Decode
Smart Tools
Hire Us
About Us
Contact Us
Terms
Privacy
FAQs
🥤
Buy me a coffee
KodeKite Tools
Code Editors
HTML Editor
HTML & CSS Editor
Animations Generator
CSS Animations Generator
Web Design Generators
Button Generator
Box Generator
Searchbar Generator
Image Generator
Login Form Generator
Signup Form Generator
Textarea Generator
Progressbar Generator
Iconbar Generator
Table Generator
HTML Form Generator
Form Generator
Solid Color Generators
Hexa Color Generator
RGB Color Generator
RGBA Color Generator
HSL Color Generator
HSLA Color Generator
CSS Code Generators
Background Generator
Border Generator
Border Radius Generator
Border TRBL Generator
Box Shadow Generator
Fonts Generator
Height Generator
Width Generator
Margin Generator
Outline Generator
Padding Generator
Text Generator
Text Shadow Generator
Neumorphism Generator
Neumorphism Generator
Math Algebra Calculators
a + b Calculator
a - b Calculator
a * b Calculator
a / b Calculator
a % b Calculator
a
2
+ b
2
Calculator
a
2
- b
2
Calculator
(a + b)
2
Calculator
(a - b)
2
Calculator
a
3
+ b
3
Calculator
a
3
- b
3
Calculator
(a + b)
3
Calculator
(a - b)
3
Calculator
(a + b)
4
Calculator
(a - b)
4
Calculator
(a + b + c)
2
Calculator
(a - b - c)
2
Calculator
a
3
Calculator
a! Calculator
Java GUI Generators
JButton Generator
JCheckbox Generator
JRectangle Generator
JOval Generator
JText Generator
JEditorpane Generator
JFrame Generator
JLabel Generator
JList Generator
JPanel Generator
JPasswordField Generator
JRadioButton Generator
JSeparator Generator
JSpinner Generator
JTable Generator
JTextarea Generator
JTextField Generator
HTML Code Generators
Bold Text Generator
Computer Code Generator
Deleted Text Generator
Description List Generator
Form Generator
Headings Generator
Input Generator
Italic Generator
Large Generator
Links Generator
Mark Generator
Meter Generator
Monospaced Text Generator
Ordered List Generator
Paragraph Generator
Pre Generator
Quotation Generator
Select Menu Generator
Small Text Generator
Strike Text Generator
Textarea Generator
Underline Text Generator
Unordered List Generator
Variable Generator
Math Geometry Calculators
Area of Circle Calculator
Area of Ellipse Calculator
Area of Parallelogram Calculator
Area of Rectangle Calculator
Area of Square Calculator
Area of Traingle Calculator
Radial Gradient Color Generators
2 Color Radial Gradient
3 Color Radial Gradient
4 Color Radial Gradient
5 Color Radial Gradient
6 Color Radial Gradient
7 Color Radial Gradient
Timer Generator With Code
Timer Generator
Mesh Gradients Generators
Mesh Linear Generator
Mesh Radial Generator
Mesh Conic Generator
Password Generators
Password Generator
Md5 Password Generator
Save Generated Password
Code Minifier Generator
Code minifier
Code Beautifier Generator
Code Beautifier
SQL Table Generator
SQL Generator
CSS Shapes Generator
Shapes Generator
Apply Generated Shapes
Color Shades Generator
Color Shades Generator
Color Snippet Generators
2 Color Linear Snippet
3 Color Linear Snippet
4 Color Linear Snippet
5 Color Linear Snippet
2 Color Radial Snippet
3 Color Radial Snippet
4 Color Radial Snippet
5 Color Radial Snippet
Linear Gradient Color Generators
2 Color Linear Gradient
3 Color Linear Gradient
4 Color Linear Gradient
5 Color Linear Gradient
6 Color Linear Gradient
7 Color Linear Gradient
Date Calculators
Leap Years Calculator
Years Calculator
Months Calculator
Weeks Calculator
Days Calculator
Hours Calculator
Minutes Calculator
Seconds Calculator
Conic Gradient Color Generators
2 Color Conic Gradient
3 Color Conic Gradient
4 Color Conic Gradient
5 Color Conic Gradient
6 Color Conic Gradient
7 Color Conic Gradient
Web Elements Color Tester
Web Color Tester
Linear Gradients Pattern Generators
2 Color Linear Pattern
3 Color Linear Pattern
4 Color Linear Pattern
5 Color Linear Pattern
6 Color Linear Pattern
7 Color Linear Pattern
Radial Gradients Pattern Generators
2 Color Radial Pattern
3 Color Radial Pattern
4 Color Radial Pattern
5 Color Radial Pattern
6 Color Radial Pattern
7 Color Radial Pattern
Conic Gradients Pattern Generators
2 Color Conic Pattern
3 Color Conic Pattern
4 Color Conic Pattern
5 Color Conic Pattern
6 Color Conic Pattern
7 Color Conic Pattern
SVG Code Generators
Circle Generator
Rectangle Generator
Ellipse Generator
Line Generator
Linear Gradient Generator
Radial Gredient Generator
Text Generator
Flexbox Code Generators
Container Generator
Align Content Generator
Align Items Generator
Direction Generator
Justifying Generator
Wrap Text Generator
Background Effects Generator
Stripe effect Generator
Glass effect Generator
Dummy Text Generator
Dummy Text Generator
Typing Tools
Text Typing Tool
Numbers Typing Tool
Symbols Typing Tool
Words Counter
Words Counter
Letters Counter
Letters Counter
Paragraphs Counter
Paragraphs Counter
Numbers System Conversion
Number System Conversion
Table Generator
Table Generator
React Design Generators
Button Generator
Box Generator
Searchbar Generator
Image Generator
Login Form Generator
Signup Form Generator
Textarea Generator
Progressbar Generator
Iconbar Generator
Table Generator
Color Palette Generators
2 Color Palette Generator
3 Color Palette Generator
4 Color Palette Generator
5 Color Palette Generator
6 Color Palette Generator
7 Color Palette Generator
Color Converters
Hexa to HSL Converter
Hexa to HSLA Converter
Hexa to RGB Converter
Hexa to RGBA Converter
HSL to Hexa Converter
HSL to HSLA Converter
HSL to RGB Converter
HSL to RGBA Converter
HSLA to Hexa Converter
HSLA to HSL Converter
HSLA to RGB Converter
HSLA to RGBA Converter
RGB to Hexa Converter
RGB to HSL Converter
RGB to HSLA Converter
RGB to RGBA Converter
RGBA to Hexa Converter
RGBA to HSL Converter
RGBA to HSLA Converter
RGBA to RGB Converter
PHP Code Generators
String Variable Generator
Integer Variable Generator
Operators Generator
Join Strings Generator
If Else Generator
For Loop Generator
While Loop Generator
Do While Loop Generator
String Array Generator
Integer Array Generator
Slug Generator
Slug Generator
Encryption Decryption
Encryption Decryption
Encode Decode
Encode Decode
Timer
Timers
Create
Timers
Break Time
Teeth Brush
Study Time
Boxing Practice Time
Prayer Time
Wait 🙋🏻♂️
ubaTaeCJ
HTML Timer
00
:
01
:
59
Start
Stop
Timer Code
<!DOCTYPE html>
<html>
<head>
<title>Teeth Brush Timer</title>
</head>
<body>
<span id="hours">00</span><span> : </span><span id="mins">01</span><span> : </span><span id="secs">59</span>
<button class="timerbtns" id="stop">Stop</button>
<button class="timerbtns" onclick="Timer()">Start</button>
<script>
function Timer(){
var hrs=00;
var mns=01;
var scs=59;
var t=setInterval(function(){
scs--;
if(scs<=9){
document.getElementById("secs").innerHTML="0"+scs;
}
else{
document.getElementById("secs").innerHTML=scs;
}
if(scs==0){
if(mns==0){
mns="00";
}
else{
mns=mns-1
document.getElementById("secs").innerHTML="59";
if((mns-1)<=9){
document.getElementById("mins").innerHTML="0"+mns;
}
else{
document.getElementById("mins").innerHTML=mns;
}
scs=59;
}
if(mns==0){
document.getElementById("mins").innerHTML="00";
if(hrs==0){
hrs="00";
}
else{
hrs--;
if(hrs<=9){
document.getElementById("hours").innerHTML="0"+hrs;
}
else{
document.getElementById("hours").innerHTML=hrs;
}
mns=60;
}
}
if(hrs=="00" && mns=="00" && scs=="00"){
stopTimer2(t);
}
}
},1000);
stopTimer(t);
}
function stopTimer(val){
var st=document.getElementById("stop");
st.addEventListener("click",function(){
clearInterval(val);
});
}
function stopTimer2(val1){
clearInterval(val1);
}
</script>
</body>
</html>