00:00 प्रारूप में एक लाइव घड़ी बनाएं
आप 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 सेकंड के बराबर है तो इसका मतलब है कि 500 मी .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>जवाब
आपको setIntervalइसके बजाय उपयोग करने की आवश्यकता है setTimeout। इसके अतिरिक्त आप padStart()अपने stringमूल्यों में अग्रणी शून्य जोड़ने के लिए फ़ंक्शन का उपयोग कर सकते हैं ।
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>इस तरह से अपने मुख्य पृष्ठ के अंदर या बाहर एक js बनाएं
आपके पास इस कोड के लिए आईडी के रूप में 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>