延时器 - 爱码网

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>延时器</title>
 5     <style type="text/css">
 6         input
 7         {
 8             width: 500px;
 9         }
10     </style>
11     <script type="text/javascript">
12         onload = function () {
13             var timeoutId;
14             //在第一个框里输入内容，一秒后在第二个框里显示
15             text1.onkeyup = function () {
16                 clearTimeout(timeoutId);
17                 timeoutId = setTimeout(function () {
18                     text2.value = text1.value;
19                 }, 1000);
20 
21             }
22 
23         }
24     </script>
25 </head>
26 <body>
27     <input type="text" name="name" value=" " id="text1" /><br /><br /><br />
28     <input type="text" name="name" value=" " id="text2" />
29 </body>
30 </html>