Question

我的代码可以在经过的时间过去的同时弹出alert对话框。

如何在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>

Answer 1

在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();

这样，它会在段落中填写评论消息。

我怎么能在HTML而不是JavaScript对话框中做同样的事情？

1 个答案: