COMPTAGE SIMPLE

Ouvrir dans l'éditeur Publiez votre code

Recommandé

10 November 2024

Formulaire de connexion simple

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

COMPTAGE SIMPLE

Recommandé

Barre de navigation simple

Formulaire de connexion simple

Carte CSS simple

HTML

CSS

JS

Recommandé

Barre de navigation simple

Formulaire de connexion simple

Carte CSS simple

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS