सरल गणना

अनुशंसित

23 May 2024

<!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";
        }

सरल गणना

अनुशंसित

सरल एवं मूल पंजीकरण फॉर्म

सरल लोडर

लॉगिन पासवर्ड सरल

HTML

CSS

JS

अनुशंसित

सरल एवं मूल पंजीकरण फॉर्म

सरल लोडर

लॉगिन पासवर्ड सरल

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS