「javacript学習」Javascriptでヒントボックスborderを点滅させるプログラム

2014年8月21日

CSSコード：
#blink { width:300px; height:36px; background-color:#ccc;}
border1 { border:5px solid #000;}
border2 { border:5px solid #cc0000;}

javascriptコード：
(function(){
var div=$(“#blink");
var borderFlag=false;
var time;
setTimeout(blinkBorder,2000);
function blinkBorder()　//borderを瞬く表示
{
time=0;
for(var i=0;i<6;i++)
{
time+=100;
setTimeout(function()
{
modifyBorder();
},time);
}
setTimeout(blinkBorder,2000);
}
function modifyBorder()　//borderを修正
{
borderFlag=!borderFlag;
if(borderFlag)
{
div.removeClass(“border1").addClass(“border2");
}
else
{
div.removeClass(“border2").addClass(“border1");
}
}
})()

説明：

removeClass
$(”class名を削除したい要素のCSSセレクタ”).removeClass(”削除したいclass名”);