菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码:
点击运行
保存
<!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body> 1.<input type="text" id="displayBox" name="displayBox" value="0"><br> 2.<input type="text" id="displayBox1" name="displayBox1" value="0"> <span id="monitor" style="top:100px;right:100px;position:fixed;z-index:10000;color:red">原来的内容</span> 语法格式可以是以下两种 setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数) <script> setTimeout("alert('对不起, 要你久候')", 3000); //1 页面三秒后会弹出信息 setTimeout("changeState()",3000); //2 网页上的文字会在三秒后消修改 function changeState(){ let content=document.getElementById('monitor'); content.innerHTML="<div style='color:red'>我是三秒后显示的内容!</div>"; } //3 通过 setTimeout() 不断执行指定函数来实现一个计数器 x = 0; function countSecond(){ x = x+1; document.getElementById("displayBox").value=x; setTimeout("countSecond()", 1000); } // 执行函数 countSecond(); //可以在计数器的函数上添加一些片段,实现在指定条件下停止计数 y = 0; function countSecond1(){ if(y<=9) { y = y+1; document.getElementById("displayBox1").value=y; setTimeout("countSecond1()", 1000); } } // 执行函数 countSecond1(); </script> </body> </html>
运行结果