JavaScript的“完成”性质

Question

Javascript是否打算在网站/ webapp上尽可能少地运行？ 我的意思是，通常打算在页面加载后立即将所有js文件运行并将它们放在一边，然后何时出现功能立即执行它们并完成操作呢？

我正在使用Google Maps开发一个项目，并且脚本编写了一个自定义标记对象，并且调试器告诉我，浏览器会在我的所有js文件运行之前甚至没有出现在页面上。

我的问题出在这里：我想为某些标记设置动画，以使用jQuery（与扩展坞中的OS X图标类似）连续上下跳动，而我对无限循环功能的几次尝试都使浏览器崩溃。 因此，我了解浏览器并不喜欢这种浏览器， 但是有没有一种方法可以让用户在浏览页面时在后台重复一个简单的脚本？ 还是不应该以这种方式使用Javascript？

（我在Flash上​​工作了很长时间，因此我的想法仍然存在。）

Answer 1

是的，Javascript函数应该尽其所能并尽快退出。 GUI和脚本在同一线程上运行，因此只要您位于Javascript函数中，浏览器中就不会显示任何内容。 如果您尝试使用无限循环，则浏览器将冻结。

您使用window.setInterval和window.setTimeout方法来触发在特定时间运行的代码。 通过运行每秒更新几次的间隔，可以创建动画。

Answer 2

您必须设置一个计时器以在定义的时间后执行脚本。

var timer = setTimeout(code, milliseconds);

将在大约毫秒内执行code 。 脚本的每次执行都可以设置新的计时器来再次执行脚本。

您可以使用clearTimeout(timer)取消定时事件。

Answer 3

使用setTimeout（）或setInterval（） 。 关于它的MDC文章相当不错。

您需要在运行迅速但被调用多次的函数内部进行更新，而不是在循环内部进行更新。

Answer 4

既然您说过您正在使用jQuery，请考虑使用其effect API （例如jQuery.animate() ），它将使您的生活更加轻松！

Answer 5

就个人而言，我会在页面加载后保存尽可能多的代码以供执行，部分原因是将我所有的<script>放在<body>的底部。 这意味着（可以感知的）页面加载时间的减少，同时让我所有的JS在需要时都可以运行。

我不建议您在文档开头仔细阅读所有需要做的事情。 而是将事物绑定到事件，例如单击按钮等。