zoukankan      html  css  js  c++  java
  • setInterval与clearInterval使用示例

    setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:

    不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类

    下面给一个示例代码:(里面用了一些jquery的方法)

    Code
    <html>
    <head>
    <title>jquery 操作 Select</title>
    <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
    <script type="text/javascript">

    var i=1;
    var _interval;

    function showTime()
    {
    var today = new Date();
    $(
    "#msg").html(today.toLocaleString() + ",i=" + i);
    i
    ++;
    if (i>10)
    {
    clearInterval(_interval);
    }
    }

    $(document).ready(
    function(){
    $(
    "#btnStart").click(function(){
    showTime();
    _interval
    = setInterval("showTime()", 1000);
    })

    $(
    "#btnStop").click(function(){
    clearInterval(_interval);
    i
    =0;
    })
    })
    </script>
    </head>
    <body>
    <label id="msg"></label>&nbsp;
    <button id="btnStart">开始记时</button>&nbsp;
    <button id="btnStop">停止记时</button>
    <script type="text/javascript">


    </script>
    </body>
    </html>
    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    FTP文件传输应用分析
    A*寻路算法
    Asp.net页面事件引发后台程序处理原理
    开发人员的基本原则(转)
    定位new表达式
    常量对象的动态分配和释放
    PostThreadMessage使用
    最美丽的数学公式
    仿函数
    CF1598EStaircases【计数】
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1312498.html
Copyright © 2011-2022 走看看