如何在余烬中几秒钟后从dom中删除元素

Question

I want to show this element only for 5 seconds and after that needs to remove from the dom.

{{#if canShow}}
  <div>
     This is block
  </div>
{{/if}}

Please help me to solve. I don't know how to achieve this.

Answer 1

In Ember.js, you can use the Ember.run.later method to remove an element from the DOM after a certain number of seconds. The following code demonstrates how to remove a DOM element with an id of "my-element" after 5 seconds:

Ember.run.later(() => {
  // Remove the element from the DOM
  document.querySelector('#my-element').remove();
}, 5000); // runs after 5 seconds

This code uses the Ember.$ method to select the element with an id of "my-element", and the remove method to remove it from the DOM. The Ember.run.later method is used to schedule the removal to occur 5 seconds (5000 milliseconds) later.

Answer 2

If you are in a component you can use:

 init() { Ember.run.later(() => { this.set('canView', false) // Or you can toggleProperty here }, 5000); }