Слайд 3while(true) {
alert("Уже приехали?");
}
![while(true) { alert("Уже приехали?"); }](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-2.jpg)
Слайд 4
function secondPassed() {
alert("прошла секунда!")
}
setTimeout(secondPassed, 1000);
![function secondPassed() { alert("прошла секунда!") } setTimeout(secondPassed, 1000);](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-3.jpg)
Слайд 5Как заставить его срабатывать вечно?
![Как заставить его срабатывать вечно?](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-4.jpg)
Слайд 7var CANVAS_WIDTH = 480;
function start() {
var canvas = document.getElementById("canvas");
var ctx
![var CANVAS_WIDTH = 480; function start() { var canvas = document.getElementById("canvas"); var](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-6.jpg)
= canvas.getContext('2d');
var x = 0;
function animateRectangle() {
ctx.fillRect(x, 10, 10, 10);
x = x + 1;
if (x > CANVAS_WIDTH) {
x = 0;
}
setTimeout(animateRectangle, 5);
}
//animate with setTimeout
animateRectangle();
}
start();
Слайд 9Зачем чистить кадр?
ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);
![Зачем чистить кадр? ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-8.jpg)
Слайд 10var CANVAS_WIDTH = 480;
var CANVAS_HEIGHT = 320;
function start() {
var canvas =
![var CANVAS_WIDTH = 480; var CANVAS_HEIGHT = 320; function start() { var](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/858674/slide-9.jpg)
document.getElementById("canvas");
var ctx = canvas.getContext('2d');
var x = 0;
function animateRectangle() {
ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);
ctx.fillRect(x, 10, 10, 10);
x = x + 1;
if (x > CANVAS_WIDTH) {
x = 0;
}
setTimeout(animateRectangle, 5);
}
//animate with setTimeout
animateRectangle();
}
start();