имеется Javascript код в отдельном файле:
var dw = document.documentElement.clientWidth;
var dh = document.documentElement.clientHeight;
var fps = [];
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
function init(){
var canvas = document.createElement('canvas');
canvas.style.position = 'absolute';
canvas.style.top = '0px';
canvas.style.left = '0px';
canvas.style.zIndex = '-1000';
canvas.width = dw;
canvas.height = dh;
document.body.insertBefore(canvas, document.body.firstChild);
UpdateScreen();
}
function UpdateScreen(){
Draw();
setTimeout("UpdateScreen()", 1000/60);
}
function FPS() {
if (fps.length > 60){fps.splice(0, 1);}
var start = (new Date).getTime();
fps.push(start);
var sum = 0;
for (var id = 0; id < fps.length - 1; id++) {sum += fps[id + 1] - fps[id];}
var diff = Math.floor(1000.0 / (sum / fps.length));
ctx.fillStyle = "Red";
ctx.fillText('FPS: '+diff, 30, 30);}
function Draw(){
ctx.save();
FPS();
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
ctx.restore();
}
window.onload = init;
в html-файл я только добавляю ссылку на javascript код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Site at Canvas</title>
<script src="./js/c.js"></script>
</head>
<body></body>
</html>
Проблема в том что у меня на страницы ничего не происходит, то есть, ни добавляется текст с fps, ни красный прямоугольник.
можете объяснить в чем причины сего происходящего?