HH: MM: SS प्रारूप में जावास्क्रिप्ट में वर्तमान समय कैसे दिखाएं?

Question

क्या आप मुझे बता सकते हैं कि इस प्रारूप में समय कैसे निर्धारित करें HH: MM: SS। मैं इसे एक डिव में सेट करना चाहता हूं।

Comments

यहाँ मेरा कोड है .. jsfiddle.net/naveennsit/yd99X

— user2648752

लेकिन समस्या यह है कि यह पीएम और एपी है, मुझे इसकी आवश्यकता नहीं है। वर्तमान में 24 प्रारूप

— user2648752

@ user2648752 मेरा उत्तर डेमो जाँच jsfiddle.net/cse_tushar/fKKSb

— curioustushar - तुषार गुप्ता

उम ... प्रश्न को टैग करने की तारीख क्यों है , भले ही उपयोगकर्ता समय के लिए पूछ रहा हो?

— लॉयड डोमिनिक

Answer 1

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();

<div id="time"></div>

केवल जावा स्क्रिप्ट का उपयोग कर डेमो

अपडेट करें

Updated Demo

(function () {
    function checkTime(i) {
        return (i < 10) ? "0" + i : i;
    }

    function startTime() {
        var today = new Date(),
            h = checkTime(today.getHours()),
            m = checkTime(today.getMinutes()),
            s = checkTime(today.getSeconds());
        document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
        t = setTimeout(function () {
            startTime()
        }, 500);
    }
    startTime();
})();

Answer 2

आप मूल कार्य का उपयोग कर सकते हैं Date.toLocaleTimeString():

var d = new Date();
var n = d.toLocaleTimeString();

यह प्रदर्शित करेगा जैसे:

"11:33:01"

मुझे यह http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp पर मिला

var d = new Date();
var n = d.toLocaleTimeString();
alert("The time is: \n"+n);

Comments

मुझे लगता है, यह स्वीकृत उत्तर होना चाहिए, क्योंकि यह बिल्कुल सवाल का जवाब देता है, देशी फ़ंक्शन का उपयोग करता है और जो कुछ भी पूछा जाता है उसे प्राप्त करने के लिए सबसे छोटा काम कोड है।

— vchrizz

3:59:45 PM वह है जो मुझे दिया। यह अनुरोधित प्रारूप नहीं है।

— इवान

toLocaleTimeString एक फ़ंक्शन नहीं है

— उपयोगकर्ता

Answer 3

आप इसमें कर सकते हैं Javascript।

var time = new Date();
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds());

वर्तमान में यह वापस लौटता है 15:5:18। ध्यान दें कि यदि कोई मान 10 से कम है, तो वे केवल एक अंक का उपयोग करके प्रदर्शित करेंगे, दो नहीं।

JSFiddle में इसे देखें

अद्यतन:
उपसर्ग 0 की कोशिश के लिए

var time = new Date();
console.log(
    ("0" + time.getHours()).slice(-2)   + ":" + 
    ("0" + time.getMinutes()).slice(-2) + ":" + 
    ("0" + time.getSeconds()).slice(-2));

Comments

कृपया इस प्रश्न का उत्तर दें। stackoverflow.com/questions/18227667/…

— user2648752

कृपया इस प्रश्न का उत्तर दें, मुझे पहले कॉलम में समय दिखाना होगा।

— user2648752

हां, लेकिन मुझे प्रश्न में लिखित रूप में तीन कॉलम जोड़ने की आवश्यकता है। कृपया सर प्रश्न पढ़ें। मुझे पहले कॉलम पर समय और दूसरे कॉलम पर वास्तविक समय डेटा जोड़ने की आवश्यकता है

— user2648752

आपको मिनट और सेकंड <10 पर ध्यान देने की आवश्यकता है, जैसा कि तुषार ने अपने जवाब में किया है, अन्यथा यह एक अग्रणी "0" नहीं दिखाएगा।

— कोट्रिट्रियल डेस

@CleverGirl मैं सरल उत्तर देने की कोशिश कर रहा था, इसलिए मैंने यह लिखा। चूंकि आपने उपसर्ग 0 के बारे में उल्लेख किया है, मैं इसे @ user113716 के उत्तर के साथ करना चाहूंगा जिसे बहुत स्पष्ट रूप से चित्रित किया गया है।

— प्रवीण

Answer 4

आप ऐसा करने के लिए क्षणों का उपयोग कर सकते हैं ।

var now = new moment();
console.log(now.format("HH:mm:ss"));

आउटपुट:

16:30:03

Comments

धन्यवाद रेमुस मैं फिर से js डेटाटाइम जोड़तोड़ के घनीभूत खरगोश छेद से नीचे कभी नहीं गिरूंगा।

— Matlembo

धन्यवाद दोस्त! हर एक और सब कुछ इतना जटिल बना देता है! यह किसी के लिए सबसे सरल प्रतिक्रिया है जिसे एक साधारण चीज के लिए कोड की त्वरित रेखा को हथियाने की आवश्यकता है!

— ChairmanMeow

20k + स्क्रिप्ट को शामिल करके ऐसा करने के लिए 120-बिट बाइट्स छिपाएं! प्रतिभा

— Frumbert

अरे, मैं यह नहीं कह रहा हूं कि आपको हमेशा इसका उपयोग करना चाहिए, लेकिन यदि आप पहले से ही हैं, तो इसे आसान तरीके से क्यों न करें

— Brandonscript

Answer 5

new Date().toTimeString().slice(0,8)

ध्यान दें कि toLocaleTimeString () कुछ ऐसा लौटा सकता है 9:00:00 AM।

Comments

यह पहली बार है जब मैंने किसी को नई तारीख () के बिना कोड उदाहरण इंस्टेंटिअटिंग डेट बनाते देखा है ... क्या यह सामान्य है (नई तारीख) का उपयोग करना?

— OG सीन

Answer 6

इस तरह इस्तेमाल करें:

var d = new Date();
localtime = d.toLocaleTimeString('en-US', { hour12: false });

परिणाम: 18:56:31

Answer 7

function realtime() {
  
  let time = moment().format('h:mm:ss a');
  document.getElementById('time').innerHTML = time;
  
  setInterval(() => {
    time = moment().format('h:mm:ss a');
    document.getElementById('time').innerHTML = time;
  }, 1000)
}

realtime();

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>

<div id="time"></div>

क्षण . js और setInterval का उपयोग करके एक बहुत ही सरल तरीका ।

setInterval(() => {
  moment().format('h:mm:ss a');
}, 1000)

नमूना उत्पादन

setInterval()सेट करने के लिए 1000ms या 1 सेकंड का उपयोग करना , आउटपुट हर 1 सेकंड को ताज़ा करेगा।

3:25:50 बजे

इस तरह से मैं अपने एक साइड प्रोजेक्ट पर इस विधि का उपयोग करता हूं।

setInterval(() => {
  this.time = this.shared.time;
}, 1000)

शायद आप सोच रहे हैं कि क्या उपयोग करने से setInterval()कुछ प्रदर्शन समस्याएँ पैदा होंगी।

क्या SetInterval CPU गहन है?

मुझे नहीं लगता कि setInterval स्वाभाविक रूप से आपको महत्वपूर्ण प्रदर्शन समस्याओं का कारण बनने जा रहा है। मुझे संदेह है कि प्रतिष्ठा पहले के युग से आ सकती है, जब सीपीयू कम शक्तिशाली थे। ... - लोन्सोमेडे

नहीं, setInterval स्वयं का CPU गहन नहीं है। यदि आपके पास बहुत कम चक्र (या बहुत लंबे अंतराल पर चलने वाला एक बहुत जटिल ऑपरेशन) पर बहुत अधिक अंतराल चल रहा है, तो यह आसानी से सीपीयू गहन हो सकता है, यह इस बात पर निर्भर करता है कि आपके अंतराल क्या कर रहे हैं और कितनी बार वे कर रहे हैं। ... - अरथ

लेकिन सामान्य तौर पर, setInterval का उपयोग करना वास्तव में आपकी साइट पर बहुत कुछ पसंद करता है जो चीजों को धीमा कर सकता है। 20 एक साथ अधिक या कम भारी कार्य के साथ अंतराल को चलाने से शो प्रभावित होगा। और फिर फिर से .. आप वास्तव में किसी भी हिस्से को गड़बड़ कर सकते हैं मुझे लगता है कि setInterval की समस्या नहीं है। ... - jAndy

Answer 8

new Date().toLocaleTimeString('it-IT')

it-ITयदि आवश्यक हो तो स्थान घंटे पैड करने के लिए होता है और प्रधानमंत्री या AM को छोड़ देता है01:33:01

Comments

यह कोड केवल मौजूदा समाधानों पर उत्तर देता है जो दिखाता है कि कैसे उपयोग करना है .toLocaleTimeString()?

— जेसन एलर

'इट-आईटी' भाग का अर्थ है कि यह पूछे गए कंसोल के समान आउटपुट करता है। (Event.toLocaleTimeString ('it-IT')); // अपेक्षित आउटपुट: 01:15:30 अगर आपने 'इट-आईटी' को शामिल नहीं किया है, तो आपको कुछ ऐसा मिल रहा है, 1:15:30 PMजो शुरुआती 0 को याद करता है और `PM` जोड़ता है, जिसे आपको अलग करना होगा। मैंने अपना उत्तर स्पष्ट करने के लिए संपादित किया।

— 13

Answer 9

यह कोड HH: MM: SS प्रारूप में कंसोल में वर्तमान समय आउटपुट करेगा, यह GMT टाइमज़ोन को ध्यान में रखता है।

var currentTime = Date.now()
var GMT = -(new Date()).getTimezoneOffset()/60;
var totalSeconds = Math.floor(currentTime/1000);
seconds = ('0' + totalSeconds % 60).slice(-2);
var totalMinutes = Math.floor(totalSeconds/60);
minutes = ('0' + totalMinutes % 60).slice(-2);
var totalHours = Math.floor(totalMinutes/60);
hours = ('0' + (totalHours+GMT) % 24).slice(-2);
var timeDisplay = hours + ":" + minutes + ":" + seconds;
console.log(timeDisplay);
//Output is: 11:16:55

Answer 10

यह जावास्क्रिप्ट का उपयोग करके div (only_time) में समय निर्धारित करने का एक उदाहरण है।

function date_time() {
    var date = new Date();
    var am_pm = "AM";
    var hour = date.getHours();
    if(hour>=12){
        am_pm = "PM";
    }
    if (hour == 0) {
        hour = 12;
    }
    if(hour>12){
        hour = hour - 12;
    }
    if(hour<10){
        hour = "0"+hour;
    }

    var minute = date.getMinutes();
    if (minute<10){
        minute = "0"+minute;
    }
    var sec = date.getSeconds();
    if(sec<10){
        sec = "0"+sec;
    }

    document.getElementById("time").innerHTML =  hour+":"+minute+":"+sec+" "+am_pm;
}
setInterval(date_time,500);
<per>
<div class="date" id="time"></div>
</per>

Comments

हालांकि यह कोड ब्लॉक प्रश्न का उत्तर दे सकता है, यह सबसे अच्छा होगा यदि आप ऐसा करने के लिए थोड़ा स्पष्टीकरण प्रदान कर सकते हैं।

— पीटर