Как отложить время до отправки формы

Через animationend. Это событие вывзывается когда CSS анимация достигает конца своего активного периода, который вычисляется как (animation-duration * animation-iteration-count) + animation-delay.

var animEndHandler = target.onanimationend;
target.onanimationend = Function

A Function вызывается, когда происходит событие animationend, указывающее, что анимация CSS начинается с цели, где целевой объект является HTML-элементом (HTMLElement), документ (Document) или окно (Window). Функция получает в качестве входного параметра один параметр: AnimationEvent объект, описывающий событие, которое произошло.