Javascript颜色渐变延迟

时间:2012-02-24 04:37:42

标签: javascript colors background fade onmouseclick

我正在使用这个Javascript Color Fading Script。

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

任何想法非常赞赏,谢谢!

1 个答案:

答案 0 :(得分: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/中仅更改文字的示例。