博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
setInterval
阅读量:6413 次
发布时间:2019-06-23

本文共 881 字,大约阅读时间需要 2 分钟。

hot3.png

天看了会关于js的,看到有setInterval方法,挺特别的,于是就写了个案例,

当点击start的时候 黑色边框的div的宽度就会一直增加,直到点击end停止,在此点击start会重新开始,text的值是setInterval返回的ID值

主要代码如下:

d

刚做完后,有个问题,就是start点击大于1次之后,点击end就不起作用了,而且start点击的次数越多,div增加的越快,并且ID值也会增加。

就想到,可能是每点击一次start,setInterval事件就增加了一次,添加一个boolean变量,判断如果有一个setInterval事件已经在执行,就不添加其他的,

 

OK问题解决,并且其ID值,也不会随着点击而增加  

 

还发现一个问题,即使你浏览器刷新了, setInterval的ID值,还是停留在上一次的返回ID              

 

根据这个原理,还可以写一个ajax的页面实时更新的,这个还有待研究。。

============================================================ 
var int=self.setInterval("clock()",1000)function clock()  {  var t=Math.random();  document.getElementById("clock").value = t;$.ajax({   type: "POST",   url: "some.php",   data: "name=John&location=Boston",   success: function(msg){     alert( "Data Saved: " + msg );   } });  }
Stop interval//定时提交

转载于:https://my.oschina.net/u/148851/blog/188423

你可能感兴趣的文章
小程序模板嵌套以及相关遍历数据绑定
查看>>
Systemd入门教程:命令篇(转)
查看>>
java随机范围内的日期
查看>>
linux包之diff
查看>>
spring事务学习(转账案例)(二)
查看>>
[官方教程] [ES4封装教程]1.使用 VMware Player 创建适合封装的虚拟机
查看>>
http协议与http代理
查看>>
【iOS开发-91】GCD的同步异步串行并行、NSOperation和NSOperationQueue一级用dispatch_once实现单例...
查看>>
Redis+Spring缓存实例
查看>>
Storm集群安装详解
查看>>
centos7.x搭建svn server
查看>>
原码编译安装openssh6.7p1
查看>>
项目实战:自定义监控项--监控CPU信息
查看>>
easyui-datetimebox设置默认时分秒00:00:00
查看>>
蚂蚁分类信息系统5.8多城市UTF8开源优化版
查看>>
在django1.2+python2.7环境中使用send_mail发送邮件
查看>>
“Metro”,移动设备视觉语言的新新人类
查看>>
PHP源代码下载(本代码供初学者使用)
查看>>
Disruptor-NET和内存栅栏
查看>>
Windows平台ipod touch/iphone等共享笔记本无线上网设置大全
查看>>