Задать вопрос
@Mty
javascript

Как сделать так чтоб сначала функция не работала а потом при нажатии на кнопку заработала и также при нажатии на кнопку перестала работать?

</style>
  <title>////</title>
 </head>
<body id="body">
<input type="button" value="нажми меня" name="Peremeshenie1" OnClick="setInterval(Peremeshenie, 20);">
  <span id="move" style="position: absolute; border: 2px dashed black;">По вертикали</span>
  </body>

  <script>
  

var phi = Math.PI / 2;   
var rho = 6;   
var rho2 = 3;  

 

function  Peremeshenie(){   

  document.getElementById('move').style.left = rho * Math.cos(phi) + 'px';  

  document.getElementById('move').style.top = rho * Math.sin(phi) + 'px'; 
    

  rho += rho2;   

}

setInterval(Peremeshenie, 20); 
  </script>


</html>
  • Вопрос задан
  • 84 просмотра
1 комментарий
Подписаться 1 Средний 1 комментарий
Решения вопроса 2
Stalker_RED
@Stalker_RED

Лучше вынести getElementById за пределы функции перемещения, и не искать элемент каждый раз заново.

setInterval(..., 20) - не очень круто, т.к. при 60 фпс таймер должен быть около 16 мс, точнее 1000/60=16,66666666666(6), но такую точность невозможно установить. Да и не особо помогло бы, т.к. setInterval ограничевает только нижнюю границу времени, т.е. обещает что следующее выполнение будет НЕ РАНЬШЕ чем указанное время. В итоге анимация дерганная, особенно если браузер наружен другими задачами. Но красивый выход есть. Специально для анимации существует requestAnimationFrame, который вызовется как-раз к следующей отрисовке кадра.
Ответ написан
6 комментариев
6 комментариев
@dimoff66
Кратко о себе: Я есть
Для остановки интервала используйте функцию clearInterval

let timerId
function myFunction() {
  // блаблабла
}

function startMe () {
  timerId = setInterval(myFunction, 1000)
}

function stopMe() {
  if (timerId) {
    clearInterval(timerId)
    timerId = null
  }
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Расширение для браузера
24 нояб. 2024, в 01:24
500 руб./за проект
Ещё заказы