小编jnc*_*nha的帖子

我有一个简单的代码块在页面中绘制一条线.我的问题是我对HTML5或JS不太了解,我需要帮助来设置这条线的绘制延迟.我希望能够选择是否要在打开页面时立即看到它,或者在绘制之前将其定义为延迟5秒.

这里是:

<canvas id="myCanvas" width="1250" height="120"></canvas>

<script>

var canvas = $("#myCanvas")[0];
var c = canvas.getContext("2d");
var amount = 0;
var startX = 164;
var startY = 120;
var endX = 1094;
var endY = 120;

setInterval(function() {
    amount += 0.01; // change to alter duration
    if (amount > 1) amount = 1;
    c.clearRect(0, 0, canvas.width, canvas.height);
    c.strokeStyle = "black";
    c.lineWidth=1;
    c.strokeStyle="#707070";
    c.moveTo(startX, startY);
    // lerp : a  + (b - a) * f
    c.lineTo(startX + (endX - startX) * amount, …

可能重复:
如何让浏览器等待显示页面,直到它完全加载？

我有一个简单的网站,我想保持它的开放时间为X ms,然后我确定它已全部加载(例如图像).有没有办法一次性完成整个页面？

我已经有一些淡入淡出来打开网站的各个div但是我希望只有在页面等待"加载"设置的那些X ms之后才会发生淡入淡出.

谢谢.