javascript - 逐行显示js问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 逐行显示js问题

迷茫 2017-04-10 14:41:57

[JavaScript讨论组]

836

<html>
<head>
<title>逐行显示文字</title>
<script src="http://libs.useso.com/js/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript">
<!--
i   = 0;
str = "";
function type(content,id,time){
    var strArr  = content.toString();
    var getArr = strArr.split(",");
    var txtid = id;
    str += getArr[i] + "<br>";
    //alert(str);
    txtid.innerHTML = str;
    i++;
    if (i<getArr.length){
    setTimeout(type(getArr,txtid,time),time);
    }
}
//-->
$(document).ready(function(){
var text = new Array("第一行文字！","第二行文字！","第三行文字！","第四行文字！");
//alert(text);
type(text,txt,20000);
});
</script>
</head>
<body>
<p id="txt"></p>
</body>
</html>

想搞一个类似于歌词的逐行显示的，但是貌似 setTimeout 无效啊··求破

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(1)

巴扎黑2017-04-10 14:43:57 1楼

setTimeout(type, time);

setTimeout 的第一个参数传递的是一个函数，而不是函数的返回值。

测试

var i   = 0;
var str = "";
var time = 1000;
var text = ["第一行文字！","第二行文字！","第三行文字！","第四行文字！"];

function type(id) {
    str += text[i++] + "<br>";
    console.log(str);
    if (i < text.length) {
        t = setTimeout(type, time);
    }
}

type("txt");

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>