有人请帮助解释这个javascript代码,即发生了什么以及代码在做什么
Some one please help explain this javascript code, ie whats happening and whats the code doing
我不确定这段代码是什么意思,一个朋友给了我,让我在颜色淡入淡出方面发挥作用。但我想知道每个位的作用是什么?
lerp = function(a, b, u) {
return (1 - u) * a + u * b;
};
fade = function(element, property, start, end, duration) {
var interval = 10;
var steps = duration / interval;
var step_u = 1.0 / steps;
var u = 0.0;
var theInterval = setInterval(function() {
if (u >= 1.0) {
clearInterval(theInterval)
}
var r = parseInt(lerp(start.r, end.r, u));
var g = parseInt(lerp(start.g, end.g, u));
var b = parseInt(lerp(start.b, end.b, u));
var colorname = 'rgb(' + r + ',' + g + ',' + b + ')';
element.style.setProperty(property, colorname);
u += step_u;
}, interval);
};
lerp 是一个函数,它通过百分比 (0 - 1) 计算两个值 (a, b) 之间的值 (u)。间隔是它更新的速度,然后它计算两种颜色之间有多少步(步);然后,它获得增加颜色之间百分比的量(step_u)。u 是颜色之间的百分比,它使用 setInterval 制作一个循环,每个循环之间间隔毫秒,然后检查它是否应该如果循环完成淡入淡出并使用 clearInterval 停止,则结束循环。然后定义 r、g、b 作为开始和停止之间的颜色值,然后将元素颜色设置为 RGB 颜色;然后它递增 u。
相关文章:
- 有什么工具可以轻松读取javascript代码吗
- 我不知道为什么我的代码是错误的?又有什么错
- 这个代码在网页中的作用和要求是什么
- 什么'这个javascript代码getElementById有问题
- 问号在这段代码中是什么意思
- 什么'这是谷歌分析跟踪代码使用的技术
- 我不知道此代码中的这些符号是什么意思.十进制到二进制
- 此nodeValue替换代码有什么问题
- 什么正在取代我的'以及“;javascript代码中使用'和&”;
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- Javascript Carousel:是什么代码可以显示一些以前的图像
- 我需要添加什么代码,以便此 javascript 自动在文本末尾添加 3 个点
- 我需要什么代码才能让从我的数组中订购的披萨重新出现在不同的函数中
- 这是什么代码/^(d{4}|d{6})$/
- (HTML)链接到一个图像,不确定什么代码关闭图像
- 这是什么代码?{{phrase.addAdministrator}}
- 我应该添加什么代码来使用JavaScript显示以下输出?
- 我需要在这个脚本上编辑什么代码才能获得有效的电子邮件
- 在网站内单击时,将javascript变量(trailimage)交换为另一个需要什么代码
- 如果原型不能访问私有变量,那么“清理”的最佳方法是什么?代码