日期:2014-05-16  浏览次数:20464 次

如何用javascript实现每隔一段时间中把字符串写入表格中
<script   type= "text/javascript ">
    <!--
var   j=0;
//   单位:毫秒
var   timeInterval   =   500;
arrResult= "11111111@@@2222222222@@@333333333333333@@@444444444444444@@@ <img   src=1.JPG     />   @@@555555555555555555555 "
arrTmp   =   arrResult.split( "@@@ ");  

window.setInterval(writeNum,   timeInterval);
function   writeNum()
{
        var   oTab   =   document.getElementById( "tabTarget ");


if(j <arrResult.length)
      {  
      oTab.rows[0].cells[0].innerHTML   =   arrTmp[j++];  
      }
    if   (j> arrTmp.length-1)
    {
    j=0;
    }
}
    //-->
    </script>
-------------------------------------
我加了返回循环功能,现在有个想法,想让11111111   显示1秒,222222222显示2秒, <img   src=1.JPG     />   这个图片显示5秒,字符串的时间动态设定,不知道难实现吗?


------解决方案--------------------
俺帮 lz 解决

把下贴也结了吧,哈
http://community.csdn.net/Expert/topic/5713/5713267.xml?temp=.9790766

L@_@K

<html>
<head>
<title> new document </title>
</head>

<body>
<table border= "1 " id= "tabTarget ">
<tr>
<td> &nbsp; </td>
<td> 1.2 </td>
</tr>
<tr>
<td> 2.1 </td>
<td> 2.2 </td>
</tr>
</table>
<script type= "text/javascript ">
<!--
var i = 0;
// 单位:毫秒
var timeInterval = 1000;

var arrResult= "11111111@@@2222222222@@@333333333333333@@@444444444444444@@@ <img src=1.JPG /> @@@555555555555555555555 "
var arrTmp = arrResult.split( "@@@ ");
alert(arrTmp);

function writeContent()
{
if (i==arrTmp.length) i=0;

var oTab = document.getElementById( "tabTarget ");
oTab.rows[0].cells[0].innerHTML = arrTmp[i++];

window.setTimeout(writeContent, timeInterval*i);
}

writeContent();
//-->
</script>
</body>
</html>