Javascript多条字符串,怎样让网页每隔一秒输出一条字符串,我是新手,求大神指点1
<div id="dv"></div>
<script>
var arrWord = ['aaaaaaaaaaaaa', 'bbbbbbbbbbb', 'cccccccccc', 'ddddddddd']
var delay = 2000;//2s输出一条,改间隔改这里,注意单位毫秒
var index = 0;
var dv = document.getElementById('dv');
dv.innerHTML = arrWord[index];
var timer=setInterval(function () {
index++;
if (index >= arrWord.length) {//输出完毕清除计时器
clearInterval(timer);
return;
}
dv.innerHTML += '<br>' + arrWord[index];//如果直接替换不累加改为dv.innerHTML = '<br>'+arrWord[index];
}, delay)
</script>
将代码直接贴到html文件中,即可
<html>
<head>
<script type="text/javascript">
var strings=[' Hello! ', ' my ', ' friends ','!'];//替换你要输出的字符串
int i=0;//字符串开始输出位置,从0开始,长度小于字符串长度
outputMsg(0,strings);//调用输出函数
function outputMsg(i,strings){
if(i<strings.length){
setTimeout(function(){
document.body.innerHTML+=strings[i];
i++;
outputMsg(i,strings);
},1000);
}
}
//执行结果:Hello !my friends !
</script>
</head>
<body >
</body>
</html>
定义写错了一个表示,以这个为准将代码直接贴到html文件中,即可
<html>
<head>
<script type="text/javascript">
var strings=[' Hello! ', ' my ', ' friends ','!'];//替换你要输出的字符串
var i=0;//字符串开始输出位置,从0开始,长度小于字符串长度
outputMsg(0,strings);//调用输出函数
function outputMsg(i,strings){
if(i<strings.length){
setTimeout(function(){
document.body.innerHTML+=strings[i];
i++;
outputMsg(i,strings);
},1000);
}
}
//执行结果:Hello !my friends !
</script>
</head>
<body >
</body>
</html>