zoukankan      html  css  js  c++  java
  • 原生js实现三个按钮绑定三个计时器,点击其中一个按钮,开启当前计时器,另外另个不开启

    今天在某个前端交流群,有个小伙伴问了一个小功能,自己想了一下,代码如下,可以实现基本功能:

    下面是html结构

    1 <div id="demo">
    2         <input type="button" value="0" >
    3         <input type="button" value="0" >
    4 </div>

    下面是js代码:

     1 <script>
     2         var ips = document.querySelectorAll('input');
     3         var timer;
     4         for (var i = 0; i < ips.length; i++) {
     5             ips[i].addEventListener('click', function(){
     6                 for (var i = 0; i < ips.length; i++) {
     7                     clearInterval(ips[i].timer);
     8                 }
     9                 var that  = this;
    10                 this.timer=setInterval(function(){
    11                     that.value = that.value-0+1;    
    12                 console.log(that.value)
    13                 },100);
    14             })
    15         }
    16         
    17     </script>
  • 相关阅读:
    通知协议KVO的用法
    UIImageView用法
    默默的学习!
    多输入参数的方法
    一本书的摘录
    实例、局部、静态变量(java)
    分数相加的例题
    类的继承
    多线程
    单例
  • 原文地址:https://www.cnblogs.com/songdongdong/p/6600611.html
Copyright © 2011-2022 走看看