Javascript 打印下面突出显示的文本，每次打印一个字符，每个字符之间的显示延迟为10毫秒
当我点击按钮时，它不会运行 添加一个id为btnPrint、值为“Print”的按钮和一个名为printString（）的事件处理程序 添加用于增量接收（和显示）字符串中的字符的。这看起来像：Javascript 打印下面突出显示的文本，每次打印一个字符，每个字符之间的显示延迟为10毫秒,javascript,html,Javascript,Html,当我点击按钮时，它不会运行 添加一个id为btnPrint、值为“Print”的按钮和一个名为printString（）的事件处理程序 添加用于增量接收（和显示）字符串中的字符的。这看起来像： document.getElementById("outDiv").innerHTML += myNextChar; 在一行上显示100个字符，然后开始新行，直到所有字符都显示出来为止 <html> <head> <title>Exercise</tit
document.getElementById("outDiv").innerHTML += myNextChar;
<html>
<head>
<title>Exercise</title>
<script language="JavaScript" type="text/JavaScript">
function printString(){
str="The nefarious thing about performance bugs is that the user may never know they are there - the program appears to work correctly, carrying out the correct operations, showing the right thing on the screen or printing the right text. It just does it a bit more slowly than it should have. It takes an experienced programmer, with a reasonably accurate mental model of the problem and the correct solution, to know how fast the operation should have been performed, and hence if the program is running slower than it should be";
var myNextChar="";
var char=0;
function innerLoop(){
myNextChar=str.slice(char,char+1);
if((char+1)%100===0){
myNextChar+="<br />"
}
char++;
document.getElementById("str").innerHTML += myNextChar;
setTimeout(innerLoop,10);
}
innerLoop();
}
//window.onload = printString;
</script>
</head>
<body>
<button onclick="printString()">Print</button>
</body>
在关闭
<div id='str'></div>
函数printString（）{
str="关于性能缺陷的邪恶之处在于，用户可能永远不会知道它们在那里——程序似乎工作正常，执行正确的操作，在屏幕上显示正确的内容或打印正确的文本。它只是比它应该有的速度慢了一点。这需要有经验的程序员，具有合理的准确性问题的心智模型和正确的解决方案，以了解操作应以多快的速度执行，从而了解程序运行是否比应以的速度慢”；
var myNextChar=“”；
var-char=0；
函数innerLoop（）{
myNextChar=str.slice（char，char+1）；
如果（（字符+1）%100==0）{
myNextChar+=“
”
}
char++；
document.getElementById（“str”）.innerHTML+=myNextChar；
var id=设置超时（内部循环，10）；
if（char>str.length）clearTimeout（id）；
}
innerLoop（）；
}
//window.onload=printString；
运动
打印
<div id='str'></div>