setInterval与clearInterval的使用例子代码

发布时间：2023-10-03 15:03:47 所属栏目：教程来源：

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

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

下面给一个示例代码:(

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>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!