我创建了一个类似于时间栏的 css3 动画。当时间栏结束(或动画结束)时,玩家应该能够选择要使用的技能。
我目前遇到的问题是创建的代码让我可以选择专门针对时间并随意更改它,因为我使用的是 CSS 动画的简写代码。
function timeBar (el, color) {
var elem = document.getElementById(el);
elem.style.transition = "width 6.0s, linear 0s";
elem.style.background = color;
elem.style.width = "0px";
}
如您所见,条形图在 6 秒时填满,但我怎样才能编写代码,让我专门针对和更改时间,而让剩下的短手自行处理?我问是因为我想影响其他技能,例如 timestop 或 timelow 等。
感谢您提供 JQuery,但我正在尝试在没有它的情况下执行此操作,仍在学习 javascript。