読者です 読者をやめる 読者になる 読者になる

flandlescarlet's diary【情報工学生の備忘録】

元機械工学科所属だった情報工学生です。JavaScriptで適当に何かを作ったり、絵を描いていたりします。

自分なりのheaderバーを完成させていく

※他にブログ内に変数が被ったようですので単でこの記事だけみるようにしてから

※ボタンを押してください

 

setTimeoutとclearTimeoutにより200pxでheaderをスライドさせました

ミリ秒とピクセル数でどちらで更新しようか悩みましたが

setTimeoutの方でスピードを変えました

このあたりの処理はよく分からないので、任せます

<script type="text/JavaScript">

head = 15;
function globalheader(){
document.getElementById("globalheader-container").style.height = head+"px";
head++;
stoptimer = setTimeout("globalheader()",1);
if(head == 200){stopTimer();}
}
function stopTimer() {
clearTimeout(stoptimer);
}
</script>

貼り付けると作動しますが、変数によっての上書きがあるかもしれません