编程 Javascript

setInterval与clearInterval的使用示例代码

Posted in Javascript onJanuary 28, 2014

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

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

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

<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> 
<button id="btnStart">开始记时</button> 
<button id="btnStop">停止记时</button>
<script type="text/javascript"></script>
</body>
</html>

setInterval与clearInterval的使用示例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 简单导航实现代码

Sep 11 Javascript

jQuery-Easyui 1.2 实现多层菜单效果的代码

Jan 13 Javascript

用JQUERY增删元素的代码

Feb 14 Javascript

jquery 实现窗口的最大化不论什么情况

Sep 03 Javascript

jquery模拟进度条实现方法

Aug 03 Javascript

jQuery简单实现仿京东商城的左侧菜单效果代码

Sep 09 Javascript

原生js封装的一些jquery方法(详解)

Sep 20 Javascript

Angularjs中使用layDate日期控件示例

Jan 11 Javascript

五步轻松实现zTree的使用

Nov 01 Javascript

node学习笔记之读写文件与开启第一个web服务器操作示例

May 29 Javascript

ES6顶层对象、global对象实例分析

Jun 14 Javascript

react-native 实现购物车滑动删除效果的示例代码

Jan 15 Javascript

Jquery实现的一种常用高亮效果示例代码

Jan 28 #Javascript

基于JQuery实现的Select级联

Jan 27 #Javascript

javascript根据像素点取位置示例

Jan 27 #Javascript

JS如何将数字类型转化为没3个一个逗号的金钱格式

Jan 27 #Javascript

FF IE浏览器修改标签透明度的方法

Jan 27 #Javascript

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

Jan 27 #Javascript

javascript动态添加、修改、删除对象的属性与方法详解

Jan 27 #Javascript