2015-02-24 4 views
6

इस प्रारूप में वास्तविक समय, तिथि, दिन कैसे दिखाएं?जावास्क्रिप्ट या सप्ताह में वास्तविक समय, दिनांक, सप्ताह का दिन दिखाएं

enter image description here

समय वास्तविक होना चाहिए (जो चलाता सेकंड गिनती)।

धन्यवाद दोस्तों!

+1

इस के लिए धन्यवाद इस उदाहरण को http://jsfiddle.net/fdq5173y/ – Blu

+0

@BluAngel एक बार देख ले! बिल्कुल मुझे क्या चाहिए! – kgam

उत्तर

14

लो।

moment.js लाइब्रेरी का उपयोग करने के लिए जिस तरह से आपको सबसे अच्छा तरीका चाहिए, प्रारूप को प्रारूपित करने के लिए। कोड बहुत छोटा है:

$(document).ready(function() { 
    var interval = setInterval(function() { 
     var momentNow = moment(); 
     $('#date-part').html(momentNow.format('YYYY MMMM DD') + ' ' 
          + momentNow.format('dddd') 
          .substring(0,3).toUpperCase()); 
     $('#time-part').html(momentNow.format('A hh:mm:ss')); 
    }, 100); 
}); 

Here is working fiddle

+0

मुझे पल मिल गया त्रुटि परिभाषित नहीं है। क्या आप कृपया बता सकते हैं क्यों? –

+0

मैंने इसे ठीक किया। कुछ जावास्क्रिप्ट टकराव त्रुटि कारण है –

1

आप जावास्क्रिप्ट में SetInterval का उपयोग कर सकते हैं और इसे प्रत्येक 1 सेकंड के बाद चला सकते हैं। दिए गए उदाहरण

<!DOCTYPE html> 
<html> 
<body> 

<p>A script on this page starts this clock:</p> 
<p id="demo"></p> 
<p id="demonew"></p> 
<script> 
var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1; //January is 0! 
var yyyy = today.getFullYear(); 
if(dd<10) { 
    dd='0'+dd 
} 

if(mm<10) { 
    mm='0'+mm 
} 

today = mm+'/'+dd+'/'+yyyy; 
document.getElementById("demonew").innerHTML = today; 
var myVar=setInterval(function(){myTimer()},1000); 

function myTimer() { 
    var d = new Date(); 
    document.getElementById("demo").innerHTML = d.toLocaleTimeString(); 
} 
</script> 

</body> 
</html> 
1
You can use : 
    <script> 
    var mydate=new Date() 
    var year=mydate.getYear() 

if (year < 1000) 
    year+=1900 

var day=mydate.getDay() // Current Day of week - 2 
var month=mydate.getMonth() // Current Month 2 
var daym=mydate.getDate() // Current Date -24 
var h=mydate.getHours(); //Hours 
var m=mydate.getMinutes();//Minutes 
var s=mydate.getSeconds();//Seconds 
m = checkTime(m); 
s = checkTime(s); 

function checkTime(i) { 
    if (i<10) {i = "0" + i}; // add zero in front of numbers < 10 
return i; 
} 

के लिए देखो समय पैनल अद्यतन करने के लिए हर दूसरे हम setInterval() समारोह का उपयोग करना चाहिए 2 सरणियों

var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday", 
         "Friday","Saturday") 
var montharray=new Array("January","February","March","April","May","June", 
         "July","August","September","October","November","December") 

    document.getElementById('txt').innerHTML =h+":"+m+":"+s+" "+dayarray[day]+", "+montharray[month]+" "+daym+", "+year; 

var t = setTimeout(function(){startTime()},500); 
    //This will update time 


</script> 
    <body onload="startTime()"> 

    <div id="txt"></div> 

    </body> 
संबंधित मुद्दे