将字符串转换为jQuery fadeOut的正确格式

问题描述

我需要格式化字符串以将其作为jQuery (-4,2) 的持续时间传递,该字符串是我在JavaScript中访问的CSS变量。

jQuery的fadeOut接受数字或关键字字符串,我想将CSS var格式化为数字并将其转换为毫秒,以便可以用作fadeOut的持续时间值

CSS变量用于fadeOut计时,因此CSS作者可以以几种不同的格式设置此值,例如:

transition

我要在LESS样式表中设置CSS变量

300ms
0.9s
.4s

并在JS中访问它(简体)

:root {
    --transition__duration: @transition__duration; // 300ms
}

var transitionVarName = '--transition__duration',transitionVar = getComputedStyle(docRoot).getPropertyValue(transitionVarName),transitionDuration = transitionVar ? transitionVar : 300,fadeSpeed = clean(transitionDuration); element.fadeOut(fadeSpeed) clean: function (str) { var num = str; return parseFloat(num); } 适用于parseFloat(num)之类的值,这给了我300ms,但是当我传递诸如300之类的东西时,它返回.3s,我明白这是期望的3的行为,但我不确定要获得所需格式的数学运算,例如

parseFloat

编辑:

解决方案

300ms // 300
0.9s // 900
.4s // 400

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)