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语句的延迟，可是为什么要添加两个？

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

按键改变元素背景颜色链式编程的原理评分案例 each方法的使用
按键改变元素背景颜色 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
android更改app背景颜色,使用AppCompat更改操作栏的背景颜色
我在网上发现了有关此问题的一些问题.不幸的是,到目前为止,我尝试的所有操作均未成功. 标题说,我需要更改操作栏的背景颜色. 该项目的最小sdk为9,最大sdk为19. 我在res / values文件 ...
html对li设置背景色,更改li上的背景颜色：visited
我有一个标签页,我想在访问标签时应用不同的背景颜色.我怎样才能做到这一点?更改li上的背景颜色:visited 下面是代码: HTML: Tab One Tab Two Tab Three This ...
html自定义颜色函数,javascript设置元素背景颜色
我有一个 javascript功能,当一个人点击具有onclick功能的元素时,会做一些事情. 我的问题是: 我想要的是,在这个功能中,设置一个字体颜色fot这个函数onclick的html元素.但我 ...
5月5日——更改手机状态栏的背景颜色
使用mui更改手机顶部状态栏的背景颜色: plus.navigator.setStatusBarBackground("#FF0000") 转载于:https://www.cnbl ...
MFC更改窗口/对话框的背景颜色
一.添加事件打开想要改变背景颜色的窗口类的属性,添加WM_CTLCOLOR消息二.添加代码向新建的OnCtlColor函数添加6-13行代码,如下所示 HBRUSH 窗口类名::OnCtlCol ...
关于更改MYECLIPSE JS 代码背景颜色
2019独角兽企业重金招聘Python工程师标准>>> 白色的背景,看花了眼,你想改一下编辑器的背景颜色,移步这里就可以了. 这时你高兴的打开编辑器,发现颜色确实变了,但是当你打开有 ...
css设置导航栏背景颜色,更改bootstrap导航栏背景颜色和字体颜色
3 个答案: 答案 0 :(得分:46) 我使用以下CSS成功设置了Bootstrap导航栏的样式.你也没有在CSS中定义任何字体,这就是字体没有改变的原因.可以在here找到使用此CSS的网站. . ...
更改intellij高亮字体背景颜色
intellij idea版本:2016.1 intellij工具中依次进入file -> settings -> editor -> colors & fonts -> ...

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

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

最新文章

热门文章