वास्तविक समय प्रदर्शित करना

Question

मैं वर्तमान में PHP फ़ंक्शन प्रदान करते हुए अपने वेबपृष्ठ पर दिनांक/समय प्रदर्शित कर रहा हूं। हालांकि, इस फ़ंक्शन का उपयोग करते हुए, दिनांक/समय केवल पृष्ठ को पुनः लोड करते समय अपडेट किया जाएगा। मैं इसके बजाय प्रत्येक सेकेंड को अद्यतन/दिनांक अपडेट करना चाहता हूं।

मुझे लगता है कि मुझे इसके लिए जावास्क्रिप्ट या jQuery/AJAX का उपयोग करना होगा, हालांकि मुझे यह कैसे करना है इस पर कोई संकेत नहीं है। मैं उम्मीद कर रहा था कि यहां कोई भी मुझे कुछ सलाह दे सकता है।

अग्रिम धन्यवाद।

Answer 1

यहाँ मैं (jQuery का उपयोग कर)

var updateClock = function() { 
    function pad(n) { 
     return (n < 10) ? '0' + n : n; 
    } 

    var now = new Date(); 
    var s = pad(now.getUTCHours()) + ':' + 
      pad(now.getUTCMinutes()) + ':' + 
      pad(now.getUTCSeconds()); 

    $('#clock').html(s); 

    var delay = 1000 - (now % 1000); 
    setTimeout(updateClock, delay); 
}; 

इस के बाद से अन्यथा आप समय में बहाव मिलता है सिर्फ एक 1000ms घड़ी की तुलना में अधिक सटीक है क्या उपयोग है।

Answer 2

jQuery ajax

setTimeout(function(){ 
    $.ajax({ 
     url: "server.php", 
     type:"post", 
     success: function(data){ 
     $('#showtime').html(data); 

     } 
    }); 
),1000}); 

server.php

अद्यतन क्वेरी यहाँ आप सुविधाजनक प्रारूप

एचटीएमएल

<div id="showtime"></div> 

रेफरी में दिनांक/समय गूंज // http://api.jquery.com/jQuery.ajax/

Answer 3

क्या आप ग्राहक का समय या सर्वर का समय दिखाना चाहते हैं? आप जावास्क्रिप्ट को अपने वेबपृष्ठ पर चलने वाली घड़ी के लिए देख सकते हैं, लेकिन यह केवल उपयोगकर्ता के कंप्यूटर समय को दिखाएगा। PHP सर्वर की घड़ी दिखाएगा।

http://www.elated.com/res/File/articles/development/javascript/creating-a-javascript-clock/clock.html

या jQuery प्लगइन: http://plugins.jquery.com/project/jqClock

Answer 4

आप जावास्क्रिप्ट/jQuery का उपयोग करने की आवश्यकता होगी।

मैं अजाक्स का उपयोग करने की सलाह नहीं दूंगा और समय लोड करने के लिए वेबसर्वर को कॉल करूंगा, क्योंकि यह हर उपयोगकर्ता के लिए हर सेकेंड एक HTTP अनुरोध होगा, जो बहुत सारे ट्रैफिक का एक बिल्ली है।

जावास्क्रिप्ट में यह करने के लिए एक ट्यूटोरियल यहाँ है: http://www.elated.com/articles/creating-a-javascript-clock/

("JavaScript" घड़ी के लिए खोज गूगल, वहाँ कई उदाहरण हैं)।

Answer 5

ऐसा करने का एक तरीका जो आपको सर्वर का समय देता है लेकिन हर सेकेंड मतदान के बिना टाइमस्पेम्प को जावास्क्रिप्ट (स्वरूपित समय नहीं) पास करना है, फिर जावास्क्रिप्ट को इसे स्वरूपित दिनांक में बदल दें और सेटटाइमआउट का उपयोग 1 सेकंड जोड़ने के लिए करें टिकट पर, आपको बस प्रत्येक सेकेंड के नए टाइमस्टैम्प को प्रारूपित करने की आवश्यकता है। यह आपको सर्वर का समय देता है लेकिन महंगा मतदान के बिना।

Answer 6

मैं तुम्हें दिनांक प्रदर्शन वास्तविक समय तिथि के लिए जावास्क्रिप्ट oblect/समय

function Timer() { 
    var dt=new Date() 
    document.getElementById('time').innerHTML=dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds(); 
    setTimeout("Timer()",1000); 
} 
Timer();