功能

設定每隔一段時間執行一次動作，可以模擬動畫效果
缺點：只能處理能夠數值化的CSS屬性（width, opacity, scale, rotate等等），不能完成顏色漸變等效果

• jQuery animate
• 高幀率動畫函數：requestAnimationFrame

button(onclick="show()") click me
br
br
#box show up

#box
 width: 200px
 height: 100px
 background-color: #aaffe2
 text-align: center
 line-height: 100px

function show(){
 //pos是變動的透明度數值
 var pos=0;
 //setInterval(動作, 毫秒)→每隔幾毫秒，執行一次動作
 const id=window.setInterval(function(){
 
 if(pos>=1){
 //如果pos夠大了，清掉Interval，阻止繼續增加下去
 clearInterval(id);
 pos=0;
 }else{
 pos+=0.1;
 box.style.opacity=pos;
 }
 
 }, 50)
}

click me