用Jquery实现打字效果
浏览数：36 /
时间：2015年06月09日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#container{
height: 200px;
width: 200px;
border: 1px solid #ccc;
}
</style>
<script src="D:\jobn\前端笔记\jquery笔记\jquery-1.11.2.js"></script>
</head>
<body>
<div id="container">
</div>
<script type="text/javascript">
var con = $("#container");
var s = "这是一个用jquery实现的打字效果";
var len = s.length;
var index = 0;
var tid = null;
function start(){
con.text('');
tid = setInterval(function(){
con.append(s.charAt(index));
if(index ++ === len){
clearInterval(tid);
index = 0;
start();
}
},100);
}
start();
</script>
</body>
</html>郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
