title: Remove Event Javascript
body: <p>I am working on 8th wall to design an interactive augmented reality experience. I'm combining code from this page <a href="https://www.8thwall.com/8thwall/placeground-aframe/master/tap-place.js" rel="nofollow noreferrer">https://www.8thwall.com/8thwall/placeground-aframe/master/tap-place.js</a> where I can place a 3d object when I tap the screen. Now I would like to make them disappear after an x time. Thanks in advance.</p>
  <pre><code>export const tapPlaceComponent = {
    init() {
      const ground = document.getElementById('ground')
      ground.addEventListener('click', (event) =&gt; {
        // Create new entity for the new object
        const newElement = document.createElement('a-entity')
        // The raycaster gives a location of the touch in the scene
        const touchPoint = event.detail.intersection.point
        newElement.setAttribute('position', touchPoint)
       // const randomYRotation = Math.random() * 360
        newElement.setAttribute('rotation', `0 0 0`)
        newElement.setAttribute('visible', 'false')
        newElement.setAttribute('scale', 'false')
        newElement.setAttribute('shadow', {
          receive: false,
        })
  
        newElement.setAttribute('gltf-model', '#heartModel')
        this.el.sceneEl.appendChild(newElement)
        newElement.addEventListener('model-loaded', () =&gt; {
          // Once the model is loaded, we are ready to show it popping in using an animation
          newElement.setAttribute('visible', 'true')
          newElement.setAttribute('animation', {
            property: 'scale',
            to: '7 7 7',
            easing: 'easeOutElastic',
            dur: 800,
          })
        })
      })
    },
  }
  setTimeout(tapPlaceComponent, 500)
  </code></pre>