Question

我想使用setInterval()方法在三秒后更改p标签的内容。然后在三秒后我想要更改p标签内的内容，新的间隔为5秒。这是我的代码段。

background.js

var notify;
var word=function(){
    $.get("http://localhost/chrome-notification/dosya.php", function (data) {
        $('#container').html(data);
    });
};

setInterval(word,3000);

setInterval(function(){
    $.get("http://localhost/chrome-notification/", function (response) {
      notify=$(response).getElementsByTagName('p')[0].innerHTML;
    });
},5000);

的index.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <script language="JavaScript" type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="background.js"></script>
    <title>Vocabulary</title>
</head>

<body>

<p id="container">

</p>

</body>
</html>

Answer 1

这可以在纯粹的js中完成。

var text = document.getElementById('container').innerHTML;

这是你需要的吗？

Answer 2

由于您使用的是jQuery，因此您只需执行$(response).find('p:eq(0)').html()

即可

我在这里写了更多例子https://jsbin.com/modaxayaki/edit?html,js,console

Answer 3

如果我理解为好，我会建议添加CSS并将其链接到html。（如果是你需要的话）

在css中制作标签并自定义

如何使用javascript从<p>标签获取文本？

3 个答案: