Javascript 褪色延迟答案

【问题标题】：Javascript Color Fading DelayJavascript 褪色延迟
【发布时间】：2012-02-24 04:37:41
【问题描述】：

我正在使用这个 Javascript 褪色脚本。

http://www.scriptiny.com/2008/05/javascript-color-fading-script/

我将其设置为通过 5 个不同的链接激活以淡化单个背景的颜色

例如：http://sandbox.scriptiny.com/fader/fader.html（Div 背景过渡）

问题很简单，我需要在褪色链接之间为用户设置延迟。

（例如，用户必须等待 3 秒才能再次更改颜色。）

这里是 Javascript 颜色渐变文件：http://pastebin.com/pxWphT2h

任何想法都非常感谢，谢谢！

【问题讨论】：

jQuery.
除非您希望颜色褪色到与开始时不同的颜色，否则在 mouseOut 上，consider using CSS3?
@Nightfirecat 我已经有 5 个链接可以将背景颜色淡化为不同的颜色，我只需要在两者之间添加一个 javascript 延迟，因此用户必须等待 3 秒才能更改为另一种颜色。 . 在这个文件的某处：pastebin.com/pxWphT2h

标签： javascript colors background fade onmouseclick

【解决方案1】：

在您的 HTML 文件中使用计时器以不允许启动更改颜色的功能。

<script type="text/javascript">
var isOK = true;
function OK2Go() {
    if (isOK == true) {
        isOK = false;
        setTimeout('isOK = true', 3000);
        return true;
    } else {
       return false;                   
    }
}
</script>
...  

<a href="javascript:if(OK2Go()) {colorFade('testdiv7','background','ffffff','e4cdcd',50,15);}">div one</a>

查看http://jsfiddle.net/ZphLx/ 中仅更改文本的示例。

【讨论】：