सरल गणना

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

24 August 2025

सरल HTML पंजीकरण फ़ॉर्म उदाहरण

12 April 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 पंजीकरण फ़ॉर्म उदाहरण

सरल लोडर

सरलतम लॉगिन फ़ॉर्म टेम्पलेट

HTML

CSS

JS

अनुशंसित

सरल HTML पंजीकरण फ़ॉर्म उदाहरण

सरल लोडर

सरलतम लॉगिन फ़ॉर्म टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS