<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//页面加载完运行
window.onload = function() {
var canvas=document.querySelector('canvas');
//设置画布为2d
var ctx = canvas.getContext("2d");
//调用方法
dClock();
// rgb颜色随机数
var RandomColor = function(){
var color='rgb(';
for(var i=0;i<3;i++)
{
color+=parseInt(Math.random()*256)+',';
}
color=color.slice(0,-1)+')';
return color;
}
// 声明渐变对象
var a=ctx.createLinearGradient(0,0,200,300);
a.addColorStop(0,RandomColor());
a.addColorStop(0.2,RandomColor());
a.addColorStop(0.4,RandomColor());
<