qq_37367978
qq_37367978
采纳率0%
2017-07-04 03:46 阅读 1.8k

Javascript多条字符串,怎样让网页每隔一秒输出一条字符串,求大神指点

Javascript多条字符串,怎样让网页每隔一秒输出一条字符串,我是新手,求大神指点1

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2017-07-04 04:07
     <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>
    
    点赞 评论 复制链接分享
  • u014074697 张大教主 2017-07-05 05:07
    将代码直接贴到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>
    
    点赞 评论 复制链接分享
  • u014074697 张大教主 2017-07-05 05:20
    定义写错了一个表示,以这个为准将代码直接贴到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>
    
    点赞 评论 复制链接分享

相关推荐