兩個變量的位置問題
<script type="text/javascript">
?? ??? ??? ?window.onload=function(){
?? ??? ??? ??? ?var Odiv=document.getElementById("box");
?? ??? ??? ??? ?Odiv.onmouseover=function(){
?? ??? ??? ??? ??? ?starMove(100);
?? ??? ??? ??? ?}
?? ??? ??? ??? ?Odiv.onmouseout=function(){
?? ??? ??? ??? ??? ?starMove(30);
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ??? ?var alpha=30;
?? ??? ??? ?var timer=null;
?? ??? ??? ?function starMove(iTager){
?? ??? ??? ??? ?var Odiv=document.getElementById("box");
?? ??? ??? ??? ?clearInterval(timer);
?? ??? ??? ??? ?timer=setInterval(function(){
?? ??? ??? ??? ??? ?var speed=0;
?? ??? ??? ??? ??? ?if(alpha>iTager){
?? ??? ??? ??? ??? ??? ?speed=-10;
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?else{
?? ??? ??? ??? ??? ??? ?speed=10;
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?if(alpha==iTager){
?? ??? ??? ??? ??? ??? ?clearInterval(timer);
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?else{
?? ??? ??? ??? ??? ??? ?alpha+=speed;
?? ??? ??? ??? ??? ??? ?Odiv.style.filter='alpha(opacity:'+alpha+')';
?? ??? ??? ??? ??? ??? ?Odiv.style.opacity=alpha/100;
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?},30)
?? ??? ??? ?}
?? ??? ?</script>
在這個代碼中如果我將?var alpha=30;? var timer=null;這兩句放入在starMove()函數中，就不能實現課程中的效果，為什么？只能這樣寫嗎？
2017-06-08
因為每一次的循環調用都初始化了它的值 ?使其無法疊加
2017-06-08
因為每次執行starMove()函數時?var alpha=30;? var timer=null ?都是初始值，導致之前執行后的數值無法使用，就像運行一次。?var alpha=40，當你寫在函數里面?var alpha=30，導致?var alpha=30而不是40