Saat scripti varmi - Sayfa 2

04-03-2023, 00:54:49

#10

firatbilgisayar

Selam arkadaşlar konu açarım belki ama bur da sorayım dedim bende canlı saat script'i arıyorum teşekkürler

26-05-2023, 09:20:55

#11

Kimlik doğrulama veya yönetimden onay bekliyor.

Hala arıyormusun bilmiyorum ama bu kod işini görecektir diye düşünüyorum
12 saat formatında ufak bir değişiklikle 24 saate çevirebilirsin

index.html dosyası oluşturup aşağıdaki kodları ekle

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Açıklama</title>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Orbitron'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Aldrich'><link rel="stylesheet" href="./style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>
<body>
<!-- partial:index.partial.html -->
<div id="MyClockDisplay" class="clock" onload="showTime()"></div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>

script.js dosyası oluşturarak bu kodu ekle

function showTime(){
    var date = new Date();
    var h = date.getHours(); // 0 - 23
    var m = date.getMinutes(); // 0 - 59
    var s = date.getSeconds(); // 0 - 59
    var session = "AM";
    
    if(h == 0){
        h = 12;
    }
    
    if(h > 12){
        h = h - 12;
        session = "PM";
    }
    
    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;
    
    var time = h + ":" + m + ":" + s + " " + session;
    document.getElementById("MyClockDisplay").innerText = time;
    document.getElementById("MyClockDisplay").textContent = time;
    
    setTimeout(showTime, 1000);
    
}

showTime();

style.css dosyası oluşturarak bu kodu ekle

body {
    background: black;
}

.clock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #17D4FE;
    font-size: 60px;
    font-family: Orbitron;
    letter-spacing: 7px;
   


}

bu işlemlerden sonra saatin BU ŞEKİLDE görünecektir.