变化的满天星星

2018-04-01  本文已影响7人  Eternal丶星空

原创文章,转载请注明出处。star第一个参数为星星的宽高,第二个参数为周期时长。

 function star(maxw,time){
    let ele=[];
  setInterval(function updata(){
    for(let j=0;j<ele.length;j++){
    document.body.removeChild(ele[j]);
    }
    move();
  },time);
  function move(){
    let x=document.body.clientWidth-10; 
    let y=document.body.clientHeight-10; 
    for(let i=0;i<50;i++){
    let w=Math.random()*maxw+'px';
    let randomX=Math.random()*x+'px';
     let randomY=Math.random()*y+'px';

    ele[i]=document.createElement("div");
    ele[i].style.width=w;
    ele[i].style.height=w;
    ele[i].style.position='absolute';
    ele[i].style.top=randomY;
    ele[i].style.left=randomX;
    ele[i].style.background="#fff";
    ele[i].style.borderRadius='50%';

    document.body.appendChild(ele[i]);
     } 
  }  
 }
上一篇 下一篇

猜你喜欢

热点阅读