gpt4 book ai didi

javascript延迟不起作用

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:31:51 25 4
gpt4 key购买 nike

这是我的表格行我的要求是第一次以黄色显示行的背景颜色 4 秒后颜色变淡我正在使用以下代码

$('#lock').prepend('<tr><td>hello</td><td>cool</td><td>dad</td></tr>');

我正在使用以下代码

$("#lock tr").css('background-color','yellow').delay(4000).css('background-color','fade');

问题延迟不工作

最佳答案

让 CSS 渲染背景颜色过渡(比 JS 更快):

#lock {
background-color: yellow;
transition: background-color 0.3s;
}
#lock.red {
background-color: red;
}

现在加载 DOM 后,在关闭 <body> 之前添加以下 JavaScript标签:

// JS solution
setTimeout(function() {
var element = document.getElementById('lock');
element.classList.add('red');
}, 4000);

// jQuery solution
$('#lock').delay(4000).addClass('red'); // no good, check the edit.

编辑

如果您想知道为什么您的代码不起作用,请检查 this回答。 delay功能似乎只适用于队列中的项目(例如动画)。对于其他任何事情,请使用我的第一个 JS 解决方案中给出的常规旧计时器:

var $table = $("#lock");
$table.css("background-color", "yellow");

setTimeout(function () {
$table.css("background-color", "red");
}, 4000);

如果您还想要淡入淡出过渡,您仍然需要使用一些 CSS。

祝你好运。

关于javascript延迟不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38074275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com