आप लाइव घड़ी को 00:00 प्रारूप में कैसे बना सकते हैं? मैंने नीचे अपना कोड शामिल किया है। क्या इसे बेहतर या छोटे कोड के साथ करने का कोई तरीका है?

एचटीएमएल

<body onload=display_ct();>
<span id='ct'></span>

अब हमें सिर्फ जावास्क्रिप्ट भाग जोड़ने की जरूरत है। यह घड़ी को हर सेकेंड में ताज़ा करता है इसलिए यह "लाइव" है। साथ ही यह वर्तमान समय लाने के लिए getMinutes जैसे कार्यों का उपयोग करता है।

जावास्क्रिप्ट

function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_ct()',refresh)
}
function display_ct() {
var x = new Date()
x1 = x.getHours( )+ ":" +  x.getMinutes();
document.getElementById('ct').innerHTML = x1;
display_c();
 }

1000 मिलीसेकंड को कम या ज्यादा के साथ स्वैप किया जा सकता है। 1000 1 सेकंड के बराबर है तो इसका मतलब होगा कि 500ms .5 सेकंड होगा।

मैं अपना कोड यहां निष्पादन योग्य में शामिल करूंगा:

function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_ct()',refresh)
}
function display_ct() {
var x = new Date()
x1 = x.getHours( )+ ":" +  x.getMinutes();
document.getElementById('ct').innerHTML = x1;
display_c();
 }
<body onload=display_ct();>
<span id='ct'></span>
1
Mark dG 26 नवम्बर 2020, 16:59

2 जवाब

सबसे बढ़िया उत्तर

आपको setTimeout के बजाय setInterval का उपयोग करना होगा। इसके अतिरिक्त आप अपने string मानों में अग्रणी शून्य जोड़ने के लिए padStart() फ़ंक्शन का उपयोग कर सकते हैं।

Ps: क्योंकि आप केवल घंटे और मिनट दिखा रहे हैं, घड़ी हर सेकंड के बजाय हर मिनट में अपडेट की जाएगी। (फ़ंक्शन अभी भी हर सेकंड चलता है)

function display_c() {
  var refresh = 1000; // Refresh rate in milli seconds
  mytime = setInterval(display_ct, refresh)
}

function display_ct() {
  var x = new Date()
  x1 = x.getHours().toString().padStart(2,0) + ":" + x.getMinutes().toString().padStart(2,0);
  document.getElementById('ct').innerHTML = x1;
  display_c();
}
<body onload=display_ct();>
  <span id='ct'></span>
3
firatozcevahir 26 नवम्बर 2020, 17:11

इस तरह अपने मुख्य पृष्ठ के अंदर या बाहर एक जेएस बनाएं

आपके पास इस कोड के लिए आईडी के रूप में MyClockDisplay वाला एक तत्व होना चाहिए

    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();
<div id="MyClockDisplay"></div>
1
kernel 26 नवम्बर 2020, 17:16