Topic: Modal show on delay

demzl25 pro asked 10 months ago


Hi,

How to set Modal to have 10s delay to show only one time not every 10s?

Here is my js code without delay:

const myPopupModal = document.getElementById("myModal");const modal = new mdb.Modal(myPopupModal); modal.show();

I have also try to add in Modal data-mdb-delay="10000" but is not working.

Thanks,

Damjan


mlazaru staff answered 10 months ago


Hi,

I think the best way to achieve expected result is to use:

setTimeout(() => modal.show(), 10000)

instead of:

modal.show()

demzl25 pro commented 10 months ago

Great thanks,

Damjan


mukeshk free commented 4 months ago

This works fine for me -

setTimeout(function() { $('#myModal').modal('show'); }, 5000);



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 4.0.0
  • Device: Pc
  • Browser: Chrome 97.0.4692.99
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No