如何更改超时功能以在单击时关闭 - how to change timeout function to close on click?

how to change timeout function to close on click?

本文关键字：单击何更改超时功能 | 更新日期: 2023-09-27

我有一个自动隐藏消息的代码，

setTimeout(function () {
document.getElementById('err').style.display = 'none';
}, 5000);

我需要修改这个代码，这样当我点击一个按钮时，它就会在点击时关闭。

以下是div:的HTML代码

<div class='alert alert-warning alert-dismissible' role='alert'>
  <button type='button' class='close' data-dismiss='alert'
  aria-label='Close'><span aria-hidden='true'>&times;</span></button>
  <h4 id=err>Mail not sent</h4>
</div>

你必须像一样

$('.alert .close').click(function(){
    $('.alert-dismissible').fadeOut();
});

调用您的Alert的绑定click事件，调用您的Alert的fadeout div。

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script  type="text/javascript">
$(document).ready(function(){
    $('.close').click(function(){
        $('.alert-dismissible').fadeOut();
    });
});
</script>