Dijital Saat HTML Kodu

Sitenize veya blogunuza  güzel bir  dijital saat eklemek istiyorsanız doğru yerdesiniz.
Aşağıda  yer alan  HTML kodu alıp  kullanarak  istediğiniz  işlemi yapabilirsiniz.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
<html>
<head>
    <title>JavaScript Dijital Saat</title>
    <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css"/>
 
    <style>
        .tabBlok
        {
            background-color:#57574f;
            border:solid 0px #FFA54F;
            border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
            max-width:200px;
            width:100%;
            overflow:hidden;
            display:block;
        }
        .dijitalSaat
        {
            vertical-align:middle;
            font-family:Orbitron;
            font-size:40px;
            font-weight:normal;
            color:#FFF;
            padding:0 10px;
        }
        .saat
        {
            vertical-align:middle;
            font-family:Orbitron;
            font-size:20px;
            font-weight:normal;
            color:#FFF;
        }
        .zemin{
            background-color:#F3F3F3;
            max-width:220px;
            width:100%;
            margin:0 auto;
            padding:20px;
        }
    </style>
</head>
 
<body onload="dijitalSaat();">
    <div class="zemin">
 
        <table class="tabBlok" align="center" cellspacing="0" cellpadding="0" border="0">
            <tr><td class="dijitalSaat" id="dt"></td>
                <td>
                    <table cellpadding="0" cellspacing="0" border="0">
 
                        <tr><td class="saat" id="dt_saat"></td></tr>
 
                        <!-- SHOWING SECONDS. -->
                        <tr><td class="saat" id="dt_saniye"></td></tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</body>
 
<script>
    // tarih oluşturma fonksiyonu
    function dijitalSaat() {
        var dt = new Date();    // DATE() ile yeni bir tarih nesnesi oluşturuldu.
        var saat = dt.getHours();
        var dakika = dt.getMinutes();
        var saniye = dt.getSeconds();
 
        dakika = Tik(dakika);
        saniye = Tik(saniye);
 
        document.getElementById('dt').innerHTML = saat + ":" + dakika;
        document.getElementById('dt_saniye').innerHTML = saniye;
 
        if (saat > 12) {
            document.getElementById('dt_saat').innerHTML = 'Çok Şükür';
        }
        else {
            document.getElementById('dc_hour').innerHTML = 'Bismillah';
        }
 
        // her 1 saniyede bir yenileme yapılıyor.
        var time
        time = setInterval('dijitalSaat()', 1000);
    }
    function Tik(tikDegeri) {
        if (tikDegeri < 10) {
            tikDegeri = "0" + tikDegeri;
        }
        return tikDegeri;
    }
</script>
</html>
JavaScript Dijital Saat
😴

Yorumlar

Yorum Gönder

Tarih Bilgini Test Etmeye Hazır mısın?

Avrupa'dan Afrika'ya, Asya'dan Amerika ve İslam tarihine uzanan 40 soruluk dev genel kültür testimiz yayında!

🏆 Yarışmayı Tam Sayfa Aç
PDF Okuyucu İkonu

Hızlı PDF Okuyucu

Hızlı, hafif ve kullanıcı dostu PDF görüntüleme deneyimi.

Google Play'den İndir
Dersimiz Tarih

Dersimiz Tarih Uygulaması

Tarih Derslerinden Tarih Alanında Hemen Herşeye Kadar Dijital Tarih Bilgi Merkezi.

Google Play'den İndir

Bu blogdaki popüler yayınlar

YouTube ile Web Sitesi SEO'su: Kapsamlı Strateji Rehberi

Resim
  Youtube ile SEO YouTube ile Web Sitesi SEO'su: Kapsamlı Strateji Rehberi YouTube sadece bir video izleme platformu değil, aynı zamanda sitenizin otoritesini artıran devasa bir backlink ve trafik makinesidir. Google, video içerikleri barındıran sayfaları "zengin içerik" olarak sınıflandırır ve bu sayfaları ödüllendirir. 1. Video Açıklamalarını "Mikro Blog" Gibi Kullanın Google, video açıklamalarındaki metinleri tarar. Buraya sadece bir cümle yazıp geçmek yerine, en az 250-300 kelimelik bir özet ekleyin. Anahtar Kelime Yoğunluğu: Videonuzun ana konusunu ilk 25 kelime içinde geçirin. İlgili Bağlantılar: Sadece ana sayfanızı değil, videonun konusuyla doğrudan ilgili olan blog yazınızın tam URL'sini ekleyin. Zaman Damgaları (Timestamps): "02:15 - SEO Ayarları Nasıl Yapılır?" gibi bölümler ekleyerek Google arama sonuçlarında "Key Moments" (Önemli Anlar) kısmında çıkma şansınızı artırın. 2. Video Şema Verisi (Schema Markup) Kullanımı Web...
Devamını Oku

Uygulama Reklam Butonu

Resim
  <div class="app-card">   <div class="app-info">     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJ_UCELmMkl-TPHCQKBgWNxPSAQjHTsHGKXSvfZqyh3q9LvmPtwwbbSIzJlm7g4J1Q2W-0Acv2voX0z0zuKQZ5jhFinjaP9Eisb40QLKfhwhiCBPfaLjKEWI8x29gv8CPqy6W-Idp6JpybUgKSjcoEebT6uolkJgH-GrSTKZspf015L_OJlf7zmzihFk/w400-h400/pdflogo.png=w440-h440-p-k-no-nu" alt="PDF Okuyucu İkonu" class="app-icon" />     <div class="app-details">       <h3>Ücretsiz PDF Okuyucu</h3>       <p>Hızlı, hafif ve kullanıcı dostu PDF görüntüleme deneyimi.</p>     </div>   </div>   <a href="https://play.google.com/store/apps/details?id=com.free.pdf" target="_blank" class="download-button">     Google Play'den İndir   </a> </div> <style>   .app-card {     border: 1px solid #e0e0e0;     border-radius: 12px;   ...
Devamını Oku