Q

我該如何做同樣的事情，但在HTML而不是JavaScript對話框中？

2013-08-21 17 views 1 likes

1

我的代碼可以在流逝的時間同時彈出alert對話框。我該如何做同樣的事情，但在HTML而不是JavaScript對話框中？

我該如何做同樣的事情，但在HTML而不是JavaScript對話框中？

我必須用AJAX做些什麼嗎？

任何人都可以給我一個例子嗎？

jQuery(document).ready(function() { 
    var comments = [{'time':'5','message':'hello! 5 secs has past'},{'time':'10','message':'hello! 10 secs has past'},{'time':'30','message':'hello! 30 secs has past'}]; 

    $('#video').on('timeupdate',function(e){ 
     showComments(this.currentTime); 
    }); 

    function showComments(time){ 
     var comments = findComments(time); 
     $.each(comments,function(i,comment){ 
      alert(comment.message); 
     }); 
    } 

    function findComments(time){ 
     return $.grep(comments, function(item){ 
      return item.time == time.toFixed(); 
     }); 
    } 

});

HTML

<html> 
<head> 
    <title>Test</title> 
</head> 
<body> 
    <h1>Show sequential messages in HTML</h1> 
    <p> 
    **Messages appears here instead of dialog** 
    </p> 
</body>

2013-08-21 MKK

+1

你需要閱讀什麼HTML和AJAX是 – zerkms

+2

我想他所要求的是有一個HTML覆蓋，而不是一個警告對話框。顯而易見，他將它描述爲'我怎樣才能做到**相同的事情，但是在HTML中卻沒有JavaScript對話框？ – 2013-08-21 02:28:43

+2

@remyabel是的。這正是我想要問的。對不起我的可憐的解釋。 – MKK

A

回答

2

在你showComments功能，替換此行：

alert(comment.message);

到這些：

var messages = $('p').text(); 
$('p').text(messages + comment.message + "\n"); 

// Show for 5 seconds, then hide the `p` element. 
$('p').show().delay(5000).fadeOut();

這樣，我t將填寫該評論信息的段落。

2013-08-21 02:42:16 federicot

+0

很好的回答！謝謝！如果我希望它只出現5秒，該怎麼辦？並消失？ – MKK

+0

@MKK我已經更新了我的答案，請檢查它是否適合您。 – federicot

+0

如果你想更多地控制你的評論，你可以稍微改變你的標記，併爲每個評論添加新的元素。 – dc5

相關問題