setInterval() 方法应用

最新推荐文章于 2024-01-15 16:03:58 发布
最新推荐文章于 2024-01-15 16:03:58 发布
阅读量119 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/senyier/p/3678835.html
版权

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 + "\r\n");
                    $("#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="width: 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

ducode
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript#js#利用键盘控制盒子/图片移动（定时器setInterval()和键盘onkeydown()的应用）
weixin_41306215的博客
04-15 738
键盘上下左右控制图片移动 思路： 为了避免物体移动时，第一下和第二下之间的间隔卡顿，将控制物体移动的速度和方向分开 方向：用 setInterval()函数包含switch语句，setInterval()函数每隔一段时间检查该执行哪一个，避免停顿 速度：用onkeydown()函数，利用ctrlkey属性，每按下一次ctrl则会加速一次...
setInterval的应用
weixin_30678349的博客
02-19 90
## setInterval的应用 每隔一段时间重复执行代码，直到窗口、框架被关闭或执行 setInterval(): 格式:[对象名=] setInterval("<表达式>",毫秒); 例如: timmer = setInterval(function(){},1000);//代表每1000毫秒就执行一次匿名函数，返回对象名为timmer; ...
Window对象 setInterval()方法应用
weixin_30731287的博客
01-02 137
setInterval()方法用于在指定的毫秒数时间间隔内重复执行指定的函数或表达式； 例如： 1 <html> 2 <head> 3 <title>测试setInterva方法</title> 4 </head> 5 6 <body> 7 <...
setInterval 的使用
志超的专栏
07-23 765
function show(){ trace("每隔一秒我就会显示一次"); } var sh; sh=setInterval(show,1000); clearInterval(sh);
setInterval 应用实例
weixin_34127717的博客
02-20 97
实例来源于http://uc.webdev.lesongapp.cn/recruit_shaoyang/ 登录后的hello pege 气球淡入淡出特效 peopleInfoFadeToggle(); setInterval(peopleInfoFadeToggle,3000) function peopleInfoFadeToggle(){ ...
浅谈vue 组件中的setInterval方法和window的不同
10-15
Vue组件内的`setInterval`方法返回的不是像`window.setInterval`那样的唯一标识ID，而是返回一个包含`_id`私有属性的定时器对象。这个差异可能导致清除定时器时遇到问题，因为`clearInterval`通常需要ID作为参数。...
setInterval和setTimeout停止的方法
09-05
`setInterval`方法用于重复执行一个函数，直到通过`clearInterval`手动停止或者页面关闭。其基本语法如下： ```javascript var intervalId = setInterval(functionToCall, milliseconds); ``` - `functionToCall`...
浅谈jQuery中setInterval()方法
12-02
在JavaScript和jQuery中，`setInterval()`方法是一个非常重要的定时器功能，用于在特定时间间隔重复执行一个函数或表达式。下面将详细讲解这个方法的使用、原理以及与之相关的`clearInterval()`方法。 首先，`...
微信小程序中setInterval的使用方法
08-29
在微信小程序中，`setInterval` 是一个非常重要的...以上就是关于微信小程序中 `setInterval` 的使用方法及其在创建简单动画实例中的应用。理解并熟练运用这一功能，可以帮助开发者创建出更丰富的交互体验和动态效果。
setTimeout()与setInterval()方法区别介绍
09-04
JavaScript中的setTimeout()和setInterval()都是用于实现定时任务的重要函数，它们在Web开发中有着广泛的应用，例如动画、延迟操作和周期性更新等。虽然两者都涉及到时间触发，但它们的工作原理和使用场景有所不同。...
setInterval() 使用
flybone7的博客
03-15 7886
HTML DOM setInterval() 方法 HTML DOM Window 对象 定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参...
实现一个打点计时器
Locker的博客
08-10 956
实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、返回的对象中需要包含一个 cancel 方法，用于停止定时操作 3、第一个数需要立即输出 答案代码： function count(start, end) { console.log(start) var timer = setInterval( function(){ if(st
setInterval 正确用法
最新发布
weixin_45974445的博客
01-15 1308
setInterval 的实际使用要注意的内容及正确示例
setInterval() 使用注意的地方
Blue_EnchanTreSS_的博客
02-29 1428
我们实现动态网页的时候，特别是图片轮播的时候，使用最多的函数就是setInterval()；但是很多情况下，却不能想要的结果，却不知道错误处在什么地方。下面的例子就说明了这个函数具体的执行顺序。 $(function(){ setInterval(function(){... //函数f },1500); }); 我们可能会想，到底是先执行函
setInterval（）方法的使用
lvpf
07-09 8819
setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval(code,millisec[,“lang”])； code:要执行的代码块； millisec：周期性执行或调用 code 之间的时间间隔，以毫秒计 所有主要浏览器都支持 setInterval()
h5 input focus事件 键盘弹出 屏幕滚动
热门推荐
woaini245693140的专栏
02-23 1万+
//文本时间获取焦点监听 $("#send_context").on("focus",function(e){ $(".article").height(oldInnerHeight-$("footer").height());  //主要是下班这一段 var SCROLLY=100; var TIMER_NAME=500; // focus事件中500ms后进行判断 var MAX_
setInterval全面的介绍
08-02 1408
setInterval全面的介绍setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：setInterval(function,interval[,arg1,arg2,......argn])setInterval(
注意 在vue中，使用setInterval()方法
码蝗的博客
05-28 1708
mounted() { this.getElevatorList(); setInterval(this.getElevatorList, 15000); } 在mounted（）函数里边使用setInterval(), getElevatorList()这个方法在methods里边写，在mounted钩子函数里边调用就可以，刚开始先调用一遍，加载。然后使用setInterval(),第一个参数，调用方法的时候，不加括号，第二个...
setinterval函数_JavaScript SetInterval（）函数教程及示例
cunjiu9486的博客
10-05 3818
setinterval函数JavaScriptprovides different function for the user experience. SetInterval() is a function used to specify the interval between given actions and fire these actions after specified interv...
用setInterval方法
08-18
如果你想使用`setInterval`方法来实现动画效果，可以按照以下示例代码进行编写： HTML: ```html <div id="myDiv"></div> ``` CSS: ```css #myDiv { width: 100px; height: 100px; background-color: red; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值