JS-사례-Promise 간단한 신호등 효과

1229 단어 케이스
var div; var id=0; init(); function init() { div=document.querySelector("div"); setLight(); } function light(time,color) { return new Promise(function(res,rej){ id=setTimeout(res,time); div.style.backgroundColor=color; }) } function setLight() { light(3000,"#FF0000").then(function () { clearTimeout(id); return light(3000,"#FFFF00"); }).then(function(){ clearTimeout(id); return light(3000,"#00FF00"); }).then(function(){ clearTimeout(id); setLight(); }) }

좋은 웹페이지 즐겨찾기