**
js字体依次出现循环播放效果
**
<script type="text/javascript">
var loadeventContent = "JavaScript实现字体依次循环播放效果";
var count = 1;
function changeContent(){
loadevent.innerHTML = loadeventContent.substring(0,count);//取字符串子串
count++;
if(count == loadeventContent.length+1){
return count = 0; //重新循环
}
}
var Timer = setInterval(changeContent,500);
</script>
利用slice()方法和substring()方法或substr()方法切割字符串,通过修改变量count的值修改切割字符串的下标,通过定时器调用从而实现字体逐个显示的效果
!注意substr()方法的第二个参数是指定返回字符的个数而不是选择结束的下标
<style type="text/css">
#loadevent{
color: red;
border: #FF0000 solid 1px;
box-shadow: 5px 5px 15px 15px crimson;
}
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JavaScript实现字体依次出现循环播放效果</title>
<!-- 以下是无用的CSS代码 -->
</head>
<body>
<p id = "loadevent"></p>
</body>
</html>