用Jquery實現(xiàn)打字效果的代碼
2018-07-20 來源：open-open
<!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實現(xiàn)的打字效果";
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>
標簽：
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦