<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<span id="text">
</span>
</body>
<script type="text/javascript">
var intervalId; //定时器ID
var timeoutId; //计时器ID
var arr = ['闭', '包', '的', '原', '理'];
orderCycleFn(arr);
function orderCycleFn(arr) {
var lag = 1000; //动作延迟时间
var len = arr.length;
var orderFn = function() {
for (var i = 0; i < len; i++) {
(function(j) { //利用闭包实现顺序取数组数据
timeoutId = setTimeout(function() {
document.getElementById('text').innerText = arr[j];
}, j * lag);
}(i))
}
}
orderFn();
if (len < 2) {
return false;
}
//利用定时器实现循环
intervalId = setInterval(function() {
orderFn();
}, len * lag);
}
</script>
</html>