setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="Packages/jQuery.1.8.3/jquery-1.8.3.min.js"></script> <link rel="stylesheet" href="Styles/main.css" /> <script type="text/javascript"> $(function () { var intervalName; //$("#txtInput").get(0).addEventListener("input", setJsUserName, false); // 设置jsUserName input的值 //function setJsUserName() { // $("#jsUserName").val($(this).val()); //} $("#txtInput").focus(function () { intervalName = setInterval(GetMes, 1000); }); $("#txtInput").blur(function () { clearInterval(intervalName); }); function GetMes() { var nowStr = $("#txtInput").val(); if (nowStr != null && nowStr != "") { $("#txtAreaMes").val($("#txtAreaMes").val() + nowStr + " "); $("#ctl00_ctl00_MainContent_BodyContent_gdvList").append("<tr class="QueryView_RowStyle"><td>" + nowStr + " </td><td>诺基亚N81</td><td>诺基亚</td><td style='color:Red;'>串号已存在 </td></tr>"); $("#txtInput").val(""); } } }); </script> </head> <body> <input id="txtInput" type="text" /> <textarea id="txtAreaMes" cols="20" rows="30"></textarea> <br /> <table class="QueryView" cellspacing="0" cellpadding="4" rules="all" border="1" id="ctl00_ctl00_MainContent_BodyContent_gdvList" style=" 700px; border-collapse: collapse;"> <tr class="QueryView_Header"> <th scope="col">串号</th> <th scope="col">机型</th> <th scope="col">品牌</th> <th scope="col"></th> </tr> <tr class="QueryView_RowStyle"> <td>356834028878868 </td> <td>诺基亚N81</td> <td>诺基亚</td> <td style="color: Red;">串号已存在 </td> </tr> </table> </body> </html>