SIMPLE COUNT

Open In Editor Publish Your Code

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kronometre</title>
    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        #display {
            font-size: 10em;
            margin: 20px;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
        button {
            font-size: 5em;
            margin: 5px;
            color: blueviolet;
            background-color: yellowgreen;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.45 s;
        }
        button :hover{
            background-color: rgb(55, 16, 161);
        }
    </style>
</head>
<body>
    <h1>Basit Kronometre</h1>
    <div id="display">00:00:00</div>
    <button onclick="startTimer()">Başlat</button>
    <button onclick="stopTimer()">Durdur</button>
    <button onclick="resetTimer()">Sıfırla</button>

function startTimer() {
            if (!running) {
                running = true;
                timer = setInterval(updateDisplay, 1000);
            }
        }

function stopTimer() {
            running = false;
            clearInterval(timer);
        }

function resetTimer() {
            running = false;
            clearInterval(timer);
            seconds = 0;
            minutes = 0;
            hours = 0;
            document.getElementById("display").innerText = "00:00:00";
        }

SIMPLE COUNT

Recommended

Simple Login Form

Simple HTML Login Form

Simple Login Form

HTML

CSS

JS

Recommended

Simple Login Form

Simple HTML Login Form

Simple Login Form

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS