自我更新变量？

Question

我是javascript的新手，现在我面临着一种奇怪的行为。 在我的three.js示例中： http://jsfiddle.net/jewtis/4wWbJ/

我将一个正常的旋转值保存到var meshPos中。 正如您在结果窗口的左下角所看到的那样，每帧都会更新var，而不是我这样做。 怎么会这样？ 背景是，我想旋转网格，直到它具有特定的旋转值。

initValue = mesh.rotation ( after it has been initiated)
targetValue = initValue + Math.PI/2;

animate(){
while(mesh.rotation.x<targetValue)
mesh.rotation.x++;
render();}

但他没有工作，因为targetValue每帧增加rotation.x++的值。 那么，如何保存初始Meshvalue并确保它没有更新到网格的实际状态？

一些想法？为什么这样的行为是什么？