<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>打印机效果</title>
</head>
<body>  <div id="mydiv" ></div><script type="text/javascript">
var text = "显示一个打字机的效果,请看这里,谢谢观赏."
var element = document.getElementById("mydiv");
var intervalID;
var count = 0;funtion type(){

    if(count<=text.length){
    element.innerHTML = text.substring(0,count);
    ++count;
    }else{
        window.clearInterval(intervalID);
    }
}intervalID = window.setInterval(type, 1000);</script>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <title>打印机效果 </title>
    </head>
    <body onload = "intervalID"> <div id="mydiv" > </div><script type="text/javascript">
    var text = "显示一个打字机的效果,请看这里,谢谢观赏."
    var element = document.getElementById("mydiv");
    var intervalID;
    var count = 0;function type(){    if(count <=text.length){
        element.innerHTML = text.substring(0,count);
        ++count;
        }else{
            window.clearInterval(intervalID);
        }
    }intervalID = window.setInterval(type, 1000);</script>
    </body>
    </html>
    下班啦