如何使 3 个命令中的一个 onclick 命令延迟和两次触发



如何在按钮上的 3 个命令中只发出一个按钮 onclick 命令来延迟触发并触发两次?

我需要命令copyDiv();触发两次,并且稍有延迟,在按下按钮时,将同一按钮中的其他命令直接触发为默认值。

JavaScript:

<script type='text/javascript'>
function copyDiv(){
$('.content:not(.focus)').html(function()
{                   
    var value = $(this).val();
    var contentAttr = $(this).attr('name');
    $('.'+contentAttr+'').html(value
    .replace(/</g, '&lt;')
    .replace(/>/g,'&gt;')
    .replace(/n/g, '<br/>')
    )
})

};

.HTML:

<input type="button" onclick="loadFileAsText();showFileSize();copyDiv();" value=" Load Text Default Files ">

注意:上面的源代码可以工作并执行它们应该执行的操作,问题是我需要命令触发两次并延迟。

script 标记内,添加此函数:

function onClickCommand(){
  var count = 0;
  // delay in milliseconds
  var delay = 1000;
  var interval = setInterval(function(){
    if (count++ < 2) {
        copyDiv();
      } else {
        clearInterval(interval);
      }
  }, delay);
}

.HTML:

<input type="button" onclick="onClickCommand();">

相关内容

  • 没有找到相关文章

最新更新