直接上代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<pre id="aa"></pre>
<div style="display:none" id="w">
談及航母的改建工程，當時為了解決現場建設困難，他們做了大量的工作：一是統籌好所有的工作項目，精確安排每人每天的任務，最忙的時候精確到每個小時的具體任務；二是提高所有的施工質量，通過保證質量，在更大程度上節約時間；三是加班加點。
“通過這三個方面的手段，才把時間給搶回來。”王治國回憶，“因為我們在北方，那一年遇上了五十年不遇的嚴寒。前面的很多土建工作，受溫度影響很大，耽誤了時間。為了搶進度，最后我們把時間搶回來了。”
</div>
<script language="javascript">
var index=0;
var word=document.getElementById("w").innerHTML;
function type(){
document.getElementById("aa").innerText = word.substring(0,index++);
}
setInterval(type, 200);
</script>
</body>
</html>
一個div一個div的顯示
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
.divCont{
position: relative;
width: 200px;
background-color: #3a5b7f;
height: 200px;
overflow: hidden;
}
.divCont div{
width: 200px;
position: relative;
}
</style>
<script type="text/javascript">
var i = 1;
var count = 10;
function showDiv(id) {
document.getElementById("div" + id).style.display = 'block';
i++;
if (i > count) {
clearInterval(timMove);
}
}
var timMove = setInterval("showDiv(i)", 500);
</script>
<div class="divCont">
<div class="mymove01" id="div1">你好啊是不是啊</div>
<div class="mymove01" id="div2">你好啊是不是啊</div>
<div class="mymove01" id="div3">你好啊是不是啊</div>
<div class="mymove01" id="div4">你好啊是不是啊</div>
<div class="mymove01" id="div5">你好啊是不是啊</div>
</div>