запуск нескольких синхронизированных функций JavaScript при загрузке

#javascript #delay #onload

#javascript #задержка #загрузка

Вопрос:

У меня есть красивая анимация фейерверка, которую я запускаю при загрузке с помощью этого кода

 <body onload="createFirework(50,1500,15,1,1,100,50,50,false,false); "> 
  

Я хочу запустить 3 экземпляра фейерверка с интервалом в 1 секунду при загрузке, однако я не знаю наилучшего метода для достижения этой цели.

Большое спасибо, Майк

Ответ №1:

Чтобы создать отдельную функцию, в которой вы будете вызывать createFirework 3 раза. Таким образом, вы можете играть с параметрами для каждого фейерверка

 <script>
  function createMyFirework(){
    createFirework(50,1500,15,1,1,100,50,50,false,false);
    createFirework(50,1500,15,1,1,100,50,50,false,false);
    createFirework(50,1500,15,1,1,100,50,50,false,false);
  }
</script>

<body onload="createMyFirework(); "> 
  

Комментарии:

1. Спасибо — работает отлично, при использовании setTimeout я реализовал задержку: <script> function createMyFirework(){ createFirework(50,1500,15,1,1,100,50,50,false,false); setTimeout(«createFirework(50,1500,15,1,1,100,50,50,false,false);»,1000); setTimeout(«createFirework(50,1500,15,1,1,100,50,50,false,false);»,2000); } </script>