Javascript 更新元素中的HTML不是'；无效'；或者刷新页面

我正在测试navigator.geolocation.watchPosition方法，并在watchPosition的回调方法中使用一些数据更新p元素的html

在使用各种浏览器（Chrome、FireFox、Safari、Phonegap->iOS）进行测试时，行为似乎是watchPosition函数被调用一次，html被正确更新，但它永远不会被再次调用，除非我执行类似切换到另一个选项卡并返回、最小化浏览器并将其重新启动等操作。这是什么原因

小提琴：

---

注意：我知道watchPosition应该在位置发生变化时更新，但我已经在iPhone上测试了rungoals站点和phonegap'd版本，并看到类似/零星的行为。另外：我在当前版本中将超时设置为10000。这是否意味着无论发生什么情况，watchPosition都应该每10秒触发一次？请隔离问题，在此处发布代码或进行修改。将JSFIDLE添加到op中。注意更新计数如何仅在制表符（刷新窗口）后更新。。并且似乎没有使用超时选项。我倾向于使用我自己的setTimeout，而只是使用geolocation.getCurrentPosition，因为这实际上是可行的。。

geoLoc.watchPosition(showPosition,
                      errorHandler,
                      options);