javascript - 将java脚本中的变量值更新为html

Question

我正在使用画布 3d 绘制 3d 图。所以我使用 java 脚本进行旋转和按键事件等。它也可以正常工作。但我想打印我旋转表面的角度。我在java脚本中有存储这个值的变量。现在我的问题是如何在 html 正文中打印变量的值，以便当我旋转画布的表面时，值会不断更新？如果我不能这样做，至少告诉我我可以在某些按钮单击或任何事件上显示值的方法。

谢谢

Answer 1

编写如下更新函数：

function update(){
   document.querySelector("#log").innerHTML = angle;
}

并在每次修改值时调用该函数（该click事件当然仅用于演示目的）：

document.querySelector("#square").addEventListener("click",function(){
   this.style["-webkit-transform"] = "rotate("+(angle+=10)+"deg)";
    update();
});

见演示。

Answer 2

或者，您可以Firebug在不添加新元素的情况下安装和使用 console.log()、console.debug()。我认为这对其他项目也很有用。文档链接

Answer 3

您可以使用该函数setInterval(function, time)，它重复调用一个函数，time执行之间以毫秒为单位。

setInterval(function() {
    [Code That Update Your Value]
}, 100);