Javascript 如何编写JS事件和CSS转换计时？

示例

Javascript函数向HTML元素添加一些CSS类

正因为如此，HTML元素开始使用

转换

在它隐藏之后，我们想要执行另一个JS函数来添加另一个JS函数 将CSS类转换为另一个元素并使其可见

问题是函数是JS代码，而动画是CSS

如何为JS和CSS代码使用相同的时间值？我想追随DRY，只得到一个真理的来源

可能吗

转换的魔力
您要查找的是在使用添加类之后使用

转换的魔力
您要查找的是在使用添加类之后使用

用于定时css转换和javascript事件侦听器的jquery解决方案

.class_one {

  transition:1s

}
.class_two {

  transition:1s;
  transition-delay:1s;
}

//jquery function
 $('button').click(function(){
   $(this).addClass('class-one class-two');
 });

使用转换延迟允许您确定转换连续发生的时间。
用于定时css转换和javascript事件侦听器的jquery解决方案

.class_one {

  transition:1s

}
.class_two {

  transition:1s;
  transition-delay:1s;
}

//jquery function
 $('button').click(function(){
   $(this).addClass('class-one class-two');
 });

使用“转换延迟”可以确定连续进行转换的时间。
使用如何？使用如何？