Javascript 如何使对象每次编辑图像'；跑什么？

我想在Javascript和Jquery中创建一个对象，并为其分配两个图像（数量很小）

但是，由于我需要在编码过程中编辑这些图像，并且它们都有一个id， 我需要知道如何始终为对象指定相同的两个图像，但每次都以不同的方式编辑它们，这就是我的意思：

我有一个灯泡需要充电，一个在10秒内充电，另一个可能在15秒内充电，所以：

如何始终为对象指定相同的图像，但每次都以不同的方式编辑它们

请注意，我会多次调用该对象，但在调用它之后，我会更改秒数或其他值（至少我是这么想的）

---

如果您需要了解它的外观，请查看以下代码片段：

$（窗口）.on（“加载”，函数（）{
var充电间隔；
/*制造灯泡-------------------------------------------*/
函数createBulb（除法器、充电值）{
var newBulb=document.createElement（“div”）；//动态创建新灯泡
setAttribute（“id”，“灯泡”+分隔符）；//设置新灯泡的id
setAttribute（“类”、“灯泡”）；//设置新灯泡的类
//加注新灯泡
newBulb.innerHTML=''+
'' +
'' +
'' +
''+chargeValue+'W'+
'';
//启动充电计数器
chargeInterval=setInterval（函数（）{
var值=parseInt（$（“#bulb”+divider+“.W”）.html（），10）；
值++；
$（“#灯泡”+分隔器+“.W”）.html（值）；
}, 10);
//将灯泡添加到灯泡容器中
$（“#灯泡”）。附加（新灯泡）；
//渐入式灯泡
$（“#灯泡+分配器+”.bull#u暗”）.fadeIn（500）；
}
/*点击充电按钮-----------------------------------*/
$（“#bulls”）。在（“单击”，“.bulls.Wsender”，函数（）上{
var bulb='#'+$（this）.closest（“.bulb”）.attr（“id”）//获取bulb的id
var divider=parseInt（bull.substr（“#bull.length））；//从ID获取除数
var clipTop=parseInt（$（bulb+“.bulb_light”）.css（“clip”）.split（“”[0]。替换（“rect”（“”），10）；//从“rect（260px 160px 260px 0px）”提取顶部剪辑
var value=parseInt（$（bulb+“.W”）.html（），10）；//瓦特
var valuee=值/除法器；
var newTop=clipTop-valuee；
//计算新值
如果（值E>clipTop）{
value-=valuee；
}否则{
数值=0；
}
//更新灯泡的充电水平，并（重新）设置瓦数
$（bulb+“.bulb_light”）.css（“clip”，“rect”（+newTop+“px，160px，260px，0px）”）；
$（灯泡+“.W”）.html（值）；
//灯泡充满电
如果我不明白你想要什么，你提供的小提琴如何不能满足你的要求，这可能看起来很难，但相信我，我想不是：我想做的是创造一个物体（灯泡）它总是由两个图像组成。问题是我需要它作为一个对象来创建它，无论何时我调用它，但每个灯泡在不同的时间内充电，“充电”只是一个CSS属性编辑（剪辑属性）.所以我的问题是，如何让这些对象以不同的方式编辑这些图像，而不在每次需要新灯泡时添加它们？因此，您确实只需要一个灯泡，但希望能够更改充电时间（当您单击它或其他东西时）？但目前，您必须添加一个新灯泡（并移除旧灯泡？）每当你想改变充电时间时？我现在明白了吗？是的@myfunkyside，你真的很接近它，请让我用几句话解释一下“游戏”：你有一个瓦特计数器，你可以点击灯泡旁边的按钮，给它充电，直到它充满电。但在这个过程中，我没有ide将您在第一个灯泡中提交的瓦数乘以2，然后将该值发送到“黄色部分”（充电部分）中进行转换。我想做的是将灯泡创建为单个对象，然后，如果可能，添加应除以瓦数的数字作为参数，例如：灯泡（2）；或灯泡（4）；看起来不错！你想让我做一个，这样你就可以通过点击一个按钮来添加灯泡？然后我会把它放在一个答案中，让人们知道问题已经解决了。哦，了不起的人，我想我会再次编辑它（通过添加东西而不是删除啊哈），我真的希望做得更好