#javascript #css #html #animation
#javascript #css #HTML #Анимация
Вопрос:
Я пытаюсь привязать stroke-dashoffset из Javascript. я хочу заменить 20 секунд переменной this.waittime. как это сделать?
this.waitime = 20;
value[i].style.transition = value[i].style.WebkitTransition = 'stroke-dashoffset 20s ease-in-out';
Ответ №1:
Поскольку this.waitime это просто переменная, вы можете объединить строки и эту переменную вместе, чтобы создать желаемую строку следующим образом,
this.waitime = 20;
value[i].style.transition = value[i].style.WebkitTransition = 'stroke-dashoffset ' this.waitime 's ease-in-out';
Комментарии:
1. Не могли бы вы добавить некоторую информацию об этом ответе, пожалуйста.
Ответ №2:
Самый простой способ сделать это — использовать строки шаблона.
В основном они позволяют вам записывать переменную непосредственно в заданную строку и заменять ее любым значением, которое она имеет в данный момент времени.
Строки шаблона начинаются и заканчиваются обратными метками, смотрите этот пример:
this.waitime = 20;
value[i].style.transition = value[i].style.WebkitTransition = `stroke-dashoffset ${this.waitime}s ease-in-out`;