HTML animate()动画更改多个元素背景颜色但不同时生效问题

问题：
我想点击按钮时把页面中的body颜色和button中颜色【同时】改变

这个时候出现了body颜色先变化，而button颜色后变化，似乎是因为我的代码是这样有先后顺序的：

$("html,body").animate({backgroundColor:BGC[randomColorNum]}); 
$("html,.button").animate({backgroundColor:BGC[randomColorNum]}); 

要使body和button的背景颜色同时改变，需要给animate()添加很短的延时：

$("html,body").animate({backgroundColor:BGC[randomColorNum]},100); 
$("html,.button").animate({backgroundColor:BGC[randomColorNum]},100); 

按理说只要添加第一个js语句的延迟，可是为什么要添加两个？