我如何用相同的功能瞄准三个id
How can I target three IDs with the same function?
我试图将相同的函数应用于三个不同的id。我创建了一个小提琴来说明这一点:https://jsfiddle.net/jnoweb/xrpsshcp/
var game = {score:0},
scoreDisplay = document.getElementById("score1");
function add20() {
TweenLite.to(game, 1, {
score:"+=20",
roundProps:"score",
onUpdate:updateHandler,
ease:Linear.easeNone
});
}
function updateHandler() {
scoreDisplay.innerHTML = game.score;
}
add20();
所以我试着用和红色数字一样的方式来动画黑色数字。什么好主意吗?
谢谢!
第一步:创建元素的Array
,将其存储在scoreDisplay
中,就像您对第一个元素所做的那样。
scoreDisplay = [
document.getElementById("score1"),
document.getElementById("score2"),
document.getElementById("score3")
];
步骤2:通过使用Array.prototype.forEach
:
function updateHandler() {
scoreDisplay.forEach(function(display) {
display.innerHTML = game.score;
});
}
在你的小提琴:https://jsfiddle.net/ku72qy7e/
相关文章:
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 如何使用PHP和JS级联三个下拉列表
- 灯光问题(使用三个.js)
- 在三个.js中创建球体(例如地球)的磁力线
- 什么'这是从第三个函数上的async 1st函数获得结果的更好方法
- javascript第三个XMLHttpRequest被拒绝.但前两个是允许的
- 将循环中的两个文本框相乘,并在第三个文本框上显示结果
- 根据前两个下拉ID显示第三个下拉列表
- 在数组JS中查找三个重复项
- Meteor和S3:如何通过一次上传/编辑定义三个不同的图像
- 如何替换javascript字符串中的前三个连字符
- 保存两个模型(属于第三个模型)和一个提交
- 将文本字段限制为三个数字
- 三个js键盘旋转
- 如何获取第三个父项的 ID 属性值
- 如何在jquery中跟踪最后三个点击的ID
- 如何使用 jquery 选择器获取第三个或第四个元素并设置其 id
- 我的php表单有一个三个文本框,每个文本框都有ID和Name
- 我如何用相同的功能瞄准三个id
- 获得“id"仅前三个标签中的值并用","分隔它们在输出