1-js/06-advanced-functions/08-settimeout-setinterval #118

pot-code · 2018-06-08T06:12:46Z

翻译完成，resolve #88

改几个位置的表达方式

sunhaokk · 2018-06-11T00:10:05Z

校对认领

sunhaokk

翻译不错，建议

sunhaokk · 2018-06-11T00:18:26Z

1-js/06-advanced-functions/08-settimeout-setinterval/1-output-numbers-100ms/task.md

@@ -1,13 +1,12 @@
-importance: 5
+重要性：5


老大说 importance 不用翻译

sunhaokk · 2018-06-11T00:19:27Z

1-js/06-advanced-functions/08-settimeout-setinterval/3-rewrite-settimeout/task.md

@@ -1,12 +1,12 @@
-importance: 4
+重要性：4


sunhaokk · 2018-06-11T00:27:57Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

@@ -1,36 +1,36 @@
-# Scheduling: setTimeout and setInterval
+# 调度：setTimeout 和 setInterval


建议上下文 Scheduling 翻译一致

sunhaokk · 2018-06-11T01:33:22Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

@@ -199,72 +199,72 @@ setTimeout(function run() {
 }, 100);
 ```

-For `setInterval` the internal scheduler will run `func(i)` every 100ms:
+对 `setInterval` 而言，内部的调度器会每间隔100 毫秒执行一次 `func(i)`：


数字空格

sunhaokk · 2018-06-11T02:05:04Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

- To cancel the execution, we should call `clearInterval/clearTimeout` with the value returned by `setInterval/setTimeout`.
- Nested `setTimeout` calls is a more flexible alternative to `setInterval`. Also they can guarantee the minimal time *between* the executions.
- Zero-timeout scheduling `setTimeout(...,0)` is used to schedule the call "as soon as possible, but after the current code is complete".
+- `setInterval(func, delay, ...args)` 和 `setTimeout(func, delay, ...args)` 可以让 `func` 在经历一段延时后周期性/一次性执行。


定期/延迟毫秒后一次性执行

sunhaokk · 2018-06-11T02:07:42Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

- The CPU is overloaded.
- The browser tab is in the background mode.
- The laptop is on battery.
+浏览器内部的定时器会因各种原因而出现延迟，譬如：


为了避免歧义，建议延迟，改成降速

athena0304 · 2018-06-12T05:48:46Z

校对认领 @leviding

leviding · 2018-06-12T09:19:40Z

@sunhaokk @athena0304 ok

athena0304 · 2018-06-12T11:44:01Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


 ```js run no-beautify
 setTimeout("alert('Hello')", 1000);
 ```

-But using strings is not recommended, use functions instead of them, like this:
+但是，毕竟这种方式并不推崇，所以建议还是用函数格式：

 ```js run no-beautify
 setTimeout(() => alert('Hello'), 1000);
 ```

 ````smart header="Pass a function, but don't run it"


[Pass a function, but don't run it] 标题未翻译

athena0304 · 2018-06-12T11:45:31Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

-```
-That doesn't work, because `setTimeout` expects a reference to function. And here `sayHi()` runs the function, and the *result of its execution* is passed to `setTimeout`. In our case the result of `sayHi()` is `undefined` (the function returns nothing), so nothing is scheduled.
+```
+为什么不行呢，因为 `setTimeout` 需要的是函数的引用。而这里的 `sayHi()` 很明显是在执行函数，所以实际上传入 `setTimeout` 的是 *函数的执行结果*。在这个例子中，`sayHi()` 的执行结果是 `undefined`（也就是说函数没有返回任何结果），所以实际上什么也没有调度。


【函数的执行结果】这里需要加粗

athena0304 · 2018-06-12T11:51:51Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


-A call to `setTimeout` returns a "timer identifier" `timerId` that we can use to cancel the execution.
+`setTimeout` 在调用时会返回一个“定时器 id”，接下来使用变量 `timerId` 来取消调度。


setTimeout 在调用时会返回一个“定时器 id”，接下来使用变量 timerId 来取消调度。=> setTimeout 在调用时会返回一个“定时器 id”timerId，接下来可以用它来取消调度。

athena0304 · 2018-06-12T11:59:39Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


 ```js
 let timerId = setTimeout(...);
 clearTimeout(timerId);
 ```

-In the code below, we schedule the function and then cancel it (changed our mind). As a result, nothing happens:
+在上面的代码中，我们对一个函数进行了调度，紧接着取消了这次调度（中途反悔了）。所以最后啥也没发生：


[上面] => [下面]

athena0304 · 2018-06-12T12:13:09Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

 let timerId = setInterval(() => alert('tick'), 2000);

-// after 5 seconds stop
+// 5 秒之后停止
 setTimeout(() => { clearInterval(timerId); alert('stop'); }, 5000);
 ```

 ```smart header="Modal windows freeze time in Chrome/Opera/Safari"


标题未翻译

athena0304 · 2018-06-12T14:20:12Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


-Let's demonstrate what it means with the example below. The `setTimeout` call in it re-schedules itself after `0ms`. Each call remembers the real time from the previous one in the `times` array. What do the real delays look like? Let's see:
+下面用具体示例来阐述。其中 `setTimeout` 每次都在 `0ms` 后就再安排一次递归，每次调用都会在 `times` 数组中记录下上一次调用的实际时间。所以，最终延时如何？下面来揭晓：


【记录下上一次调用】=> 【记录上一次调用】

athena0304 · 2018-06-12T14:23:12Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


-Another benefit for in-browser scripts is that they can show a progress bar or something to the user. That's because the browser usually does all "repainting" after the script is complete.
+行间脚本还有个益处，可以用来向用户展示进度条等。因为浏览器在脚本执行完后，就会开始所有的 “repainting” 过程。


【因为浏览器在脚本执行完后，就会开始所有的 “repainting” 过程。】=> 【因为浏览器通常是在所有的脚本加载完毕后再做全部的“重绘”工作】

athena0304 · 2018-06-12T14:23:48Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md


-So if we do a single huge function then even if it changes something, the changes are not reflected in the document till it finishes.
+所以，如果运行一个非常耗时的函数，即便在这个函数中改变了文档内容，除非这个函数执行完，那么变化是不会立刻反映到页面上的。


【那么变化是不会立刻反映到页面上的】=> 【否则变化是不会立刻反映到页面上的】

athena0304 · 2018-06-12T14:44:50Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

- To split CPU-hungry tasks into pieces, so that the script doesn't "hang"
- To let the browser do something else while the process is going on (paint the progress bar).
+`setTimeout(...,0)` 的一些用法示例：
+- 将耗费的 CPU 任务分割成多块，这样脚本运行不会进入“挂起”状态。


【将耗费的 CPU 任务分割成多块】=> 【将耗费 CPU 的任务分割成多块】

athena0304 · 2018-06-12T14:45:29Z

1-js/06-advanced-functions/08-settimeout-setinterval/article.md

- To let the browser do something else while the process is going on (paint the progress bar).
+`setTimeout(...,0)` 的一些用法示例：
+- 将耗费的 CPU 任务分割成多块，这样脚本运行不会进入“挂起”状态。
+- 进程繁忙时也能让浏览器抽身做其他事（例如绘制进度条）。


【做其他事】=> 【做其它事情】

athena0304 · 2018-06-12T15:25:02Z

@pot-code @leviding 校对完成

leviding · 2018-06-13T03:49:40Z

@pot-code 可以修改啦

根据校对意见修改

pot-code · 2018-06-13T04:22:46Z

@sunhaokk @athena0304 感谢二位的细心校对，@athena0304 真的很严格，哈哈哈哈！十分感谢！挑出了很多不容易发现的问题。

@leviding 修改完毕

leviding · 2018-06-18T07:09:14Z

很赞，整体很符合规范。只是有几个细节问题我已修改，按下最新的 commit 记录，下次注意下。

pot-code · 2018-06-18T07:43:39Z

@leviding 辛苦了！task 的问题校对提到了，结果忘记了这个事情，实在是大误。毕竟翻译老鸟了，规范已经熟悉了😏

pot-code added 6 commits June 8, 2018 13:52

Update article.md

35a0a17

Update solution.md

1c6246c

Update task.md

0cb7efa

Update task.md

b366151

Update task.md

1a8c295

Update solution.md

7342730

leviding added the 校对认领 label Jun 8, 2018

leviding mentioned this pull request Jun 8, 2018

1-js/06-advanced-functions/08-settimeout-setinterval/ #88

Closed

Update article.md

58e4824

改几个位置的表达方式

sunhaokk reviewed Jun 11, 2018

View reviewed changes

leviding added 正在校对 and removed 校对认领 labels Jun 12, 2018

athena0304 approved these changes Jun 12, 2018

View reviewed changes

Update article.md

0e9fff6

根据校对意见修改

leviding added the WIP Work in process label Jun 13, 2018

leviding added 5 commits June 18, 2018 14:54

Update solution.md

2d94b34

Update task.md

99c175b

Update task.md

c44fefe

Update task.md

64b257f

修正几个格式问题

d3f72ac

leviding approved these changes Jun 18, 2018

View reviewed changes

leviding merged commit 2a58a4e into javascript-tutorial:zh-hans Jun 18, 2018

leviding added the 翻译完成 label Jun 18, 2018

leviding removed WIP Work in process 正在校对 labels Jun 18, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

1-js/06-advanced-functions/08-settimeout-setinterval #118

1-js/06-advanced-functions/08-settimeout-setinterval #118

pot-code commented Jun 8, 2018

sunhaokk commented Jun 11, 2018

sunhaokk left a comment

sunhaokk Jun 11, 2018

sunhaokk Jun 11, 2018

sunhaokk Jun 11, 2018

sunhaokk Jun 11, 2018

sunhaokk Jun 11, 2018

sunhaokk Jun 11, 2018

athena0304 commented Jun 12, 2018

leviding commented Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 Jun 12, 2018

athena0304 commented Jun 12, 2018

leviding commented Jun 13, 2018

pot-code commented Jun 13, 2018

leviding commented Jun 18, 2018

pot-code commented Jun 18, 2018

		@@ -1,36 +1,36 @@
		# Scheduling: setTimeout and setInterval
		# 调度：setTimeout 和 setInterval


		A call to `setTimeout` returns a "timer identifier" `timerId` that we can use to cancel the execution.
		`setTimeout` 在调用时会返回一个“定时器 id”，接下来使用变量 `timerId` 来取消调度。


		Let's demonstrate what it means with the example below. The `setTimeout` call in it re-schedules itself after `0ms`. Each call remembers the real time from the previous one in the `times` array. What do the real delays look like? Let's see:
		下面用具体示例来阐述。其中 `setTimeout` 每次都在 `0ms` 后就再安排一次递归，每次调用都会在 `times` 数组中记录下上一次调用的实际时间。所以，最终延时如何？下面来揭晓：


		Another benefit for in-browser scripts is that they can show a progress bar or something to the user. That's because the browser usually does all "repainting" after the script is complete.
		行间脚本还有个益处，可以用来向用户展示进度条等。因为浏览器在脚本执行完后，就会开始所有的 “repainting” 过程。


		So if we do a single huge function then even if it changes something, the changes are not reflected in the document till it finishes.
		所以，如果运行一个非常耗时的函数，即便在这个函数中改变了文档内容，除非这个函数执行完，那么变化是不会立刻反映到页面上的。

		@@ -1,13 +1,12 @@
		importance: 5
		重要性：5

		@@ -1,12 +1,12 @@
		importance: 4
		重要性：4

1-js/06-advanced-functions/08-settimeout-setinterval #118

1-js/06-advanced-functions/08-settimeout-setinterval #118

Conversation

pot-code commented Jun 8, 2018

sunhaokk commented Jun 11, 2018

sunhaokk left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

athena0304 commented Jun 12, 2018

leviding commented Jun 12, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

athena0304 commented Jun 12, 2018

leviding commented Jun 13, 2018

pot-code commented Jun 13, 2018

leviding commented Jun 18, 2018

pot-code commented Jun 18, 2018