setInterval与clearInterval使用示例

来源：互联网发布：中国石油大学网络自助编辑：程序博客网时间：2024/05/21 16:52

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

0 0