js setInterval() 用法示例

Created by Marydon on

1.定义

　　语法：setInterval(param1,param2)

　　param1　　要调用的函数或要执行的代码串。

　　param2　　周期性调用param1的时间间隔，单位：毫秒

　　表示每隔多少毫秒执行一次param1。

　　停止执行需要使用clearInterval()。

2.情景展示

　　设置指定时间后，同意按钮才可以使用，并显示剩余时间

3.代码实现

　　使用计时器setInterval()方法可以实现

　　html

<body><div style="width:500px;">您通过本网站下使用或获取任何材料、信息、产品或服务之前，请先仔细阅读本 cookie 声明。我们有权随时更改、更新或更正任何本 cookie 声明或本网站所载任何信息，并将经修订条款公布于本网站，恕不另行通知。请不时审阅本 cookie 声明，确保您了解任何变更。如果本 cookie 声明有任何重大的变更，我们将会在本网站上的主页清楚说明这些变更。</div><input type="button" value="我同意" disabled="disabled"/>
</body>

　　javascript

<script type="text/javascript">(function(i){// 闭包var countDown;// 对按钮进行操作function change(i) {var text = "我同意";if (i > 0) {text += "（" + i + "秒）";} else {$(':button').prop('disabled', false);// 不再调用clearInterval(countDown);}$(':button').val(text);};// 页面加载完毕执行$(function(){// 计时器（1秒调用一次）countDown = setInterval(function () {change(i);i--;}, 1 * 1000);// 1000毫秒});})(60);// 60s
</script>

4.效果展示

　　60秒后

5.小结

　　使用闭包的原因，是为了避免全局污染，不让外界访问到变量i；

　　闭包语法：(function(){//具体要执行的代码})()。

js setInterval() 用法示例相关推荐

原生html例子,原生js的innerHTML用法示例
这篇文章主要为大家详细介绍了原生js的innerHTML用法示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. 上一篇简单提到了innerHTML ...
html5比html4的音频使用方法,HTML5 audio标签的用法示例
您的位置:首页 - 教程 - HTML5 - 正文 HTML5 audio标签的用法示例标签定义声音,比如音乐或其他音频流.html5 audio可以不用Flash插件就可以听音乐看视频,并不是全部 ...
php this指针的用法,C#_C#中this指针的用法示例，本文实例展示了C#中this指针的 - phpStudy...
C#中this指针的用法示例本文实例展示了C#中this指针的用法,对于初学者进一步牢固掌握C#有很大帮助,具体内容如下: 一.this指针是什么: 这里有一些面向对象编程的概念需要说明:类(Cla ...
js模块封装示例_AngularJS模块教程示例
js模块封装示例 In this post, we are going to cover one of the most important feature in AngularJS called M ...
js截取图片裁剪图片之cropper.js插件用法详解
js截取图片裁剪图片之cropper.js插件用法详解源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...
e4a浏览框本地HTML,E4A浏览框与js交互用法
E4A浏览框与js交互用法 admin • 2018 年 11 月 29 日 [title]引言[/title] 在e4a中引入js,可以改造网页内容,加上简单的逻辑即可快速把网页打包成app.其实也 ...
Go基础系列：双层channel用法示例
Go channel系列: channel入门为select设置超时时间 nil channel用法示例双层channel用法示例指定goroutine的执行顺序双层通道的解释见Go的双层通道 ...
js 拖动层示例[转]
共享一个简单的JS拖动层效果,支持ie,ff,opera,safari: ie有专门的拖动方法:dragstart,drag,dragend分别是开始拖动,拖动,结束拖动.但是其他浏览器(dom类,例 ...
objdump反汇编用法示例
objdump反汇编用法示例原文:http://blog.csdn.net/zoomdy/article/details/50563680 -d:将代码段反汇编 -S:将代码段反汇编的同时,将反汇编 ...
python 装饰器参数-python函数装饰器之带参数的函数和带参数的装饰器用法示例...
本文实例讲述了python函数装饰器之带参数的函数和带参数的装饰器用法.分享给大家供大家参考,具体如下: 1. 函数带多个参数 # 普通的装饰器, 打印函数的运行时间 def decrator(fun ...