增加此MDL jquery快餐栏的setTimeout

Question

增加jquery snackbar的setTimeout（最好通过编辑脚本的最后一行）。

<div id="snackbar" class="mdl-js-snackbar mdl-snackbar"><br>
<div class="mdl-snackbar__text"></div>`<br>
<button class="mdl-snackbar__action" type="button"></button>
</div>
<script>
(function(){
  var snackbarContainer = document.querySelector('#snackbar');
  var data = { message: 'Incorrect Username/Password. Check if your account exists.'};
   snackbarContainer.MaterialSnackbar.showSnackbar(data);
`});
function r(f){ /in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}`<br>
`</script>

 

Answer 1

最后一行是smallest DOM Ready ever，我不能仅仅通过改变它来使快餐栏持续更长时间。但看起来像在快餐栏的api中，为数据变量添加超时属性将解决我们的问题。

    var data = {
      message: 'Button color changed.',
      timeout: 6000
   }

结帐演示https://codepen.io/theami_mj/pen/EXOgjz/#code-area

Answer 2

对于settimesout函数codelike this

setTimeout(function (f) {
    r(f);
}, 9);

我的情况就像这样

function r(f){
    /in/.test(document.readyState)?setTimeout(function (f) {r(f);},9):f();
}