由一個

Question

顯示JSON數據一個我所喜歡這個

[ 
"00-00-02":"first one", 
"00-00-04":"the second", 
"00-00-09":"third", 
. 
. 
] 

如何顯示例如JSON數據：first one在指定的時間00-00-02，然後顯示下一個在其時間00-00-04？
注意：我應該做的是使用JavaScript

Answer 1

@Geek Num 88提出了正確的方法。在這種情況下，通常使用unix時間戳。如果你不能改變的JSON，你可以做這樣的事情

var data = { 
"00-00-02":"first one", 
"00-00-04":"the second", 
"00-00-09":"third" 
} 
var timeout; 
var start = new Date(); 
function showIt(){ 
    var now = new Date(); 
    var diff = now - start; 
    var hh = Math.floor(diff/600000); 
    hh = (hh < 10)?"0" + hh : hh; 
    var mm = Math.floor((diff % 3600000)/60000); 
    mm = (mm < 10)?"0" + mm : mm; 
    var ss = Math.floor((diff % 60000)/1000); 
    ss = (ss < 10)?"0" + ss : ss; 

    if(data[hh + "-" + mm + "-" + ss]){ 
     console.log(data[hh + "-" + mm + "-" + ss]); 
    } 

    clearTimeout(timeout); 
    timeout = setTimeout(showIt, 1000); 
} 


showIt(); 

Answer 2

你剛纔JSON陣列？如果你已經JSON下面的工作：

var data = { 
    "00-00-02":"first one", 
    "00-00-04":"the second", 
    "00-00-09":"third" 
} 

Object.keys(data).forEach(function(key) { 
    var val = data[key]; 
    console.log("the " + val + " had a time of " + key + " seconds") 
}); 

Answer 3

如果你使用UNIX時間，你可以做的比較相當容易 - 例如

 
var data = { 
    "1349598808" : "first one", 
    "1349598845" : "the second", 
    "1349599400" : "third" 
}; 

var now; 
var seconds; 

setInterval(function(){ 
    now = new Date(); 
    seconds = Math.round(now.getTime()/1000); 
    if(data[seconds] != undefined) 
    { 
      console.log(data[seconds]); 
      // OR 
      // PrototypeJS 
      $("mydiv").update(data[seconds]); 
      // OR 
      // jquery 
      $("#mydiv").html(data[seconds]); 
    } 
},1000); 
​ 

Answer 4

你可以嘗試使用setTimeout(fn, time)函數來調用「一線一個「，」秒「......經過計算的時間間隔。僞代碼會是這樣的

data = ["00-00-02":"first one", "00-00-04":"the second", "00-00-09":"third",...]; 
//using [key: value] notation 
for (i=0; i<data.length; i++) { 
    eventTime = timeInMilliSeconds(data[i].key); 
    setTimeout(printMyMessage(data[i].value, eventTime); 
} 

，或者你也許可以致電setTimeout()爲data[i]在函數調用printMyMessage()爲data[i-1]。在這種情況下setTimeout()函數的第二個參數將是data[i]和data[i-1]之間的時差。

Answer 5

你應該知道，視頻字幕已經是一個東西，你不需要重新實現它們。

您可以使用HTML5,http://www.html5rocks.com/en/tutorials/track/basics/中的track元素，或者如果您需要更多兼容性，可以使用popcorn.js：http://popcornjs.org/。

如果你不想這樣做，那麼只需使用window.setTimeout來顯示每一個。