• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

简单的JavaScript按钮2在1

JavaScript 3次浏览

IM嗨只是有一些问题, 进出口试图使只需一个按钮本文眨眼点击简单的JavaScript按钮2在1

所以点击 而且还点击行为为OFF(如果点击次数值设置为在这1)

林相当新的JS任何帮助,将不胜感激


===========解决方案如下:

试试这个代码。这通过一个按钮来切换闪烁。

HTML:

<div class="text-container"> 
    <h1 id="demo">PAUSE</h1> 
</div> 
<button id="toggle-button">Start</button> 

CSS:

.hide { 
    display: none; 
} 

.text-container { 
    height: 17px; 
} 

JS:

var Blinker = { 
    interval: null, 
    start: function() { 
     if (this.interval) return; 
     this.interval = setInterval(function() { 
      $('#demo').toggleClass('hide'); 
     }, 250); 
    }, 
    stop: function() { 
     clearInterval(this.interval); 
     $('#demo').removeClass('hide'); 
     this.interval = null; 
    } 
} 

//Initialize blink status. 
var blinkStatus = 0; 

//Check if status is changed, and run/stop blinking. 
setInterval(function() { 
    if (blinkStatus == 1) { 
     $('#toggle-button').text('Stop'); 
     Blinker.start(); 
    } 
    else { 
     $('#toggle-button').text('Start'); 
     Blinker.stop(); 
    } 
}, 250); 


$('#toggle-button').on('click', function() { 
    if (blinkStatus) { 
     blinkStatus = 0; 
    } else { 
     blinkStatus = 1; 
    } 
}); 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)