setInterval() 方法应用

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>

  

原文地址:https://www.cnblogs.com/senyier/p/3678835.html