本文例項為大家分享了實現消滅星星小遊戲的具體程式碼，供大家參考，具體內容如IrrnJpmvyo下

先看看效果圖：

先準備和一張星星圖片，很簡單，body背景設為黑色。

<style>
    body {
      background-color: black;http://www.cppcns.com
    }
</style>

就直接寫JS程式碼了，解釋都寫在註釋裡面了

<script>
    function start() {
      //設定一個定時器，重複執行的秒數是500ms
      timer = setInterval(function() {
        //建立圖片元素
        var obj = document.createElement('img');
        //星星隨機寬度
        var w = Math.floor(Math.random() * 80 + 20);
        obj.width = w;
        //隨機出現的位置
        var x = Mathttp://www.cppcns.com
 
h.floor(Math.random() * 1400 + 60);
        var y = Math.floor(Math.random() * 460 + 60);
        obj.style.position = 'absolute';
        //將隨機生成的X,Y的值賦給物件
        obj.style.top = y + 'px';
        obj.style.left = x + 'px';
        //給圖片引數賦上地址
        obj.src = 'imgs/xingxing.gif';
        //新增到整個body頁面
        document.body.appendChild(obj);
        //建立點選事件，想要消除自己，就是remove掉自己父親的兒子
        obj.addEventListener('click',function() {
          this.parentNode.removeChild(this);
        });
    
 
  },500);
    };
    start();
</script>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。