Json tarafından alınan dize öğelerini, görüntülenmeleri gereken tarih ve saate göre nasıl görüntüleyebilirim?

Question

Veritabanım var ve web sayfasında görünmesi gereken bir metni, süresini ve süresini saklıyorum. Şimdi istediğim

var results =[]; 
var cursor = 0; 

function myFunction() { 
    $.getJSON('list2.php', function(json) { 
     results = json; 
     cursor = 0; 

     // Now start printing 
     printNext(); 
    }); 
} 

function printNext(){ 
    if(cursor == results.length){ 
     // Reset the cursor back to the beginning. 
     cursor = 0; 
    } 

    // Print the key1 in the div. 
    //$('#mydiv').html(results[cursor].key1); 
    $('#mydiv').hide('fast', function(){ $('#mydiv').html(results[cursor].text_content); $('#mydiv').show('fast'); }); 

    // Set a delay for the current item to stay 
    // Delay is key2 * 1000 seconds 
    setTimeout(function(){ 
     printNext(); 
    }, results[cursor].text_duration * 1000); 

    // Advance the cursor. 
    cursor++; 
} 

ve:

{"text_content":"dgsgdsgds","text_duration":"15","start_time":"2015-09-28 23:11:15"},{"text_content":"dgsgdsgds","text_duration":"15","start_time":"2015-09-28 23:11:30"},{"text_content":"gdsgdsgds","text_duration":"15","start_time":"2015-10-01 14:00:00"} 

ben veritabanından veri getirir ve ekranda yazdıran bir jquery komut dosyası var şu şekildedir:

php sonucudur Metnin ekranda görüntülendiği bir özellik eklemek için, yalnızca start_time olarak veritabanından alınan bir tarihte, ancak sunucu koduna daha fazla erişim olmadan yalnızca jquery'de yapılıp yapılamayacağından emin değilim .. Igibi bir ifade ekledi: Yazdιrmadan hemen önce, hile yapmadιğιndan önce, yazdιrmadan hemen önce. Bana yardım edebilir misin? Teşekkürler!

Answer 1

JSON.parse ile json dizgesini çözümler:

var myObj = JSON.parse(results[0]); 

ve karşılaştırmak senin start_time:

if (new Date(myObj.start_time) == new Date()) 

belirli zaman kullanıma setTimeout üzerinde fonksiyonunu çalıştırmak istiyorsanız:

var diff = new Date(myObj.start_time).getTime() - new Date().getTime(); 
setTimeout(function() { 
    $('#mydiv').hide('fast', function() { 
     $('#mydiv').html(results[cursor].text_content); 
     $('#mydiv').show('fast'); 
    }); 
}, diff) 

veya 1000’li bir fonksiyonunuzu çalıştırabilirsiniz. setInterval kullanarak ve clearInterval ile bunu durdurmak tarafından ms:

function check() { 
    if (new Date(myObj.start_time) == new Date()) { 
     $('#mydiv').hide('fast', function() { 
      $('#mydiv').html(results[cursor].text_content); 
      $('#mydiv').show('fast'); 
     }); 
     clearInterval(myInterval); 
    } 
} 

var myInterval = setInterval(check, 1000)