zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    laravel本地化
    laravel加载javascript库
    laravel安装第三方包3rd generators
    openfire的smack和asmack
    openfire+spark+smack实现即时通讯
    openfire开发
    即时通信Spark安装和配置
    ubuntu eclipse CDT 问题
    网络编程TCP总结及实践-C语言
    [Openstack]使用devstack自己主动化安装
  • 原文地址:https://www.cnblogs.com/senyier/p/3678835.html
Copyright © 2011-2022 走看看