RECUENTO SIMPLE

Abrir en el editor Video Publica tu código

Recomendado

13 October 2023

Formulario de inicio de sesión simple

30 August 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";
        }

RECUENTO SIMPLE

Recomendado

Calculadora simple

Formulario de inicio de sesión simple

Traductor simple

HTML

CSS

JS

Recomendado

Calculadora simple

Formulario de inicio de sesión simple

Traductor simple

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS