Javascript 使用ajax setInterval发布动态内容_Javascript

Javascript 使用ajax setInterval发布动态内容

javascript

Javascript 使用ajax setInterval发布动态内容,javascript,Javascript,我有一个多个表，如下所示，我希望每2秒在我的第一个表上打印一次名称，而不中断表2，如果我使用innerHTML，它总是在顶部打印（在表1和表2上方，但如果我使用document.write on change（）的话，我需要将变量放在一个特定的位置，就像我的例子中的表1一样函数它无限循环函数，不出来意味着表1和表2没有出现？你能建议更好的解决方法吗我的update.php上有以下代码 <html> <head> <link href="css/sample

我有一个多个表，如下所示，我希望每2秒在我的第一个表上打印一次名称，而不中断表2，如果我使用innerHTML，它总是在顶部打印（在表1和表2上方，但如果我使用document.write on change（）的话，我需要将变量放在一个特定的位置，就像我的例子中的表1一样函数它无限循环函数，不出来意味着表1和表2没有出现？你能建议更好的解决方法吗

我的update.php上有以下代码

<html>  
<head>  
<link href="css/sample.css" rel="stylesheet" type="text/css" /> 

<div id="changeText" ></div>  

<script type="text/javascript">    
var text = ["Welcome", "David", "Paul", "John"];  
var counter = 0;  
var elem = document.getElementById("changeText");   


function change() {  
elem.innerHTML = text[counter];  
counter++;  
if(counter >= text.length) { counter = 0;   
}


</script> 

<body>  
<tr>  
<td> 
<table align="left" width=15%>  
<td <B><font color="green">Name:<script type="text/javascript">setInterval(change, 2000);
</script>  
</font><br>  
</td>  
</table>  
<table id="sample" width=70% cellpadding="2" cellspacing="1" border="1">
<th class="sno" colspan="2">SNO</th>
<th class="fname" colspan="2">FIRST NAME</th>
<th class="lname" colspan="2">LAST NAME</th> 
</table>
</td>
</tr>
</body>
</html>


var text=[“欢迎”、“大卫”、“保罗”、“约翰”]；
var计数器=0；
var elem=document.getElementById（“changeText”）；
函数更改（）{
elem.innerHTML=文本[计数器]；
计数器++；
如果（计数器>=text.length）{counter=0；
}
您有一些语法错误：


姓名：
斯诺
名字
姓
var text=[“欢迎”、“大卫”、“保罗”、“约翰”]；
var计数器=0；
var elem=document.getElementById（“myname”）；
函数更改（）{
elem.innerHTML=文本[计数器]；
计数器++；
如果（计数器>=text.length）计数器=0；
}
改变（）；
setInterval（函数（）{
更改（）
}, 2000);
您在“更改”功能中有语法错误什么是语法错误？我没有看到任何错误，它正在我的网页顶部打印文本，我需要它在表格下面。感谢您的回复，如果您正确回答了我的问题，我需要更改（）标记下的函数返回值，它应该在名称：left corner之后打印，但是这里change（）函数返回值总是打印在顶部。太好了！您的最后一步在这里解释：
<td <B><font color="green">Name:<script type="text/javascript">setInterval(change, 2000);</script></font>

<html>

    <head>
        <link href="css/sample.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <tr>
            <td>
                <table align="left" width=15%>
                    <td><font color="green">Name:</font>
                    <span id="myname"></span>
                    </td>
                </table>
                <table id="sample" width=70% cellpadding="2" cellspacing="1" border="1">
                    <th class="sno" colspan="2">SNO</th>
                    <th class="fname" colspan="2">FIRST NAME</th>
                    <th class="lname" colspan="2">LAST NAME</th>
                </table>
            </td>
        </tr>
    </body>

</html>
<script>
    var text = ["Welcome", "David", "Paul", "John"];
    var counter = 0;
    var elem = document.getElementById("myname");


    function change() {
        elem.innerHTML = text[counter];
        counter++;
        if (counter >= text.length) counter = 0;
    }

    change();
    setInterval(function() {
        change()
    }, 2000);
</script>