Javascript在警报之前做一些事情

Question

我想更改颜色并在点击按钮时提醒消息。

function colorChange() {
  document.getElementById('word').style.color = "red";
  alert("color changed!");
}

我无法通过提醒同时更改颜色。

Answer 1

暂停警报

＆＃13;

＆＃13;

function colorChange() {
  document.getElementById('word').style.color = "red";
  setTimeout(function() {
  	alert("color changed!");
  },10)
}

＆＃13;

<div id="word">
Word .....
</div>
<br />
<button onclick="colorChange()">
Change color
</button>

＆＃13;

＆＃13;

＆＃13;

在警报触发之前，浏览器没有时间重新绘制，通过使用超时，您可以将警报延迟到下一个刻度，重新绘制完成时。

Answer 2

not_analyzed

$(document).ready(function()
{
  $('#myButton').click(function(){
    $('#word').css("color","red");
    
     setTimeout(function() {
  	alert("color changed!");
  },10)
  })
  
})