javascript - 设置动态值 css 动画 stroke-dashoffset

Question

我正在尝试从 Javascript 绑定(bind) stroke-dashoffset。我想用变量 this.waittime 替换 20s。怎么做？

 this.waitime = 20;
value[i].style.transition = value[i].style.WebkitTransition = 'stroke-dashoffset 20s ease-in-out';

Answer 1

因为 this.waitime 只是一个变量，您可以将字符串和这个变量连接在一起，以生成您想要的字符串，如下所示，

this.waitime = 20;
value[i].style.transition = value[i].style.WebkitTransition = 'stroke-dashoffset ' + this.waitime + 's ease-in-out';