HTML5的煙花代碼雖然看起來非常的華麗，但是其中涉及的時間問題也十分重要。如果我們想要在特定的時間點上讓煙花效果呈現出來，那么就需要對代碼中的時間參數進行調整。
<script>
(function(){
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
// 定義一個名為createCircle的函數，該函數用于繪制圓形煙花
function createCircle(x,y,color,radius){
ctx.beginPath();
ctx.arc(x, y, radius, 0, Math.PI*2);
ctx.fillStyle=color;
ctx.fill();
}
// 定義一個名為createParticles的函數，該函數用于繪制碎片煙花
function createParticles(x,y,color,num){
for(var i=0;i上面代碼中，我們可以看到setTimeout()函數的使用，它在0.5秒后清除畫布上的煙花效果。如果我們想要讓煙花效果持續更久或者更短的時間，只需要將其參數中的500改為相應的毫秒數即可。
同時，在點擊事件的代碼中，我們傳遞了e.clientX和e.clientY作為參數，來獲取用戶點擊的坐標。如果我們想要讓煙花在特定的時間點上出現，就需要在代碼中指定坐標，而不是通過點擊事件獲取。
總之，在編寫HTML5煙花代碼時，要考慮到其中涉及的時間問題，以便獲得最佳的效果。
上一篇ps css圖片精靈
下一篇html5煙花表白代碼