求高手帮忙简化一段代码 - 喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

繁华，渲染了谁

如题，我智商捉急，实在想不出神马方法
var col=new Array("#F00","#3C6","#F39","#09F");
function color()
{
document.getElementById("logo").style.borderTopColor=col[0];
document.getElementById("logo").style.borderRightColor=col[1];
document.getElementById("logo").style.borderBottomColor=col[2];
document.getElementById("logo").style.borderLeftColor=col[3];
setInterval("color1()",500);
}
function color1()
{
document.getElementById("logo").style.borderTopColor=col[1];
document.getElementById("logo").style.borderRightColor=col[2];
document.getElementById("logo").style.borderBottomColor=col[3];
document.getElementById("logo").style.borderLeftColor=col[0];
setInterval("color2()",500);
}
function color2()
{
document.getElementById("logo").style.borderTopColor=col[2];
document.getElementById("logo").style.borderRightColor=col[3];
document.getElementById("logo").style.borderBottomColor=col[0];
document.getElementById("logo").style.borderLeftColor=col[1];
setInterval("color3()",500);
}
function color3()
{
document.getElementById("logo").style.borderTopColor=col[3];
document.getElementById("logo").style.borderRightColor=col[0];
document.getElementById("logo").style.borderBottomColor=col[1];
document.getElementById("logo").style.borderLeftColor=col[2];
setInterval("color()",500);
}

天启矢量

展开Biu

本帖最后由 天启矢量 于 2014-10-25 16:20 编辑
[mw_shl_code=javascript,true]window.onload = function () {
var col=new Array("#F00","#3C6","#F39","#09F");
var logo = document.getElementById("logo");
function count() {
count.c = count.c || 0;
count.c++;
return count.c;
}
setInterval(function () {
logo.style.borderColor = col[count()%col.length]+" " + col[(count())%col.length] + " " + col[(count())%col.length] + " " + col[(count())%col.length];
count();
},500);
}[/mw_shl_code]
[查看全文]

Alaudi

展开Biu

本帖最后由 Alaudi 于 2014-4-13 04:05 编辑
[mw_shl_code=javascript,true]<script language="JavaScript">
var col=new Array("#F00","#3C6","#F39","#09F");
var count = -1;
function color(count)
{
document.getElementById("logo").style.borderTopColor=col[(++count)%col.length];
document.getElementById("logo").style.borderRightColor=col[(++count)%col.length];
document.getElementById("logo").style.borderBottomColor=col[(++count)%col.length];
document.getElementById("logo").style.borderLeftColor=col[(++count)%col.length];
}
setInterval("color(++count)",500);
</script>[/mw_shl_code]
@@10!! 几乎3年木碰JS惹，测惹一下这样大概木甚问题
[查看全文]

基叔

这是要做渐变么，渐变做成这样真累，css3有动画的属性可以直接用，技宅区js很小众的

[查看全文]