Deseo crear un elemento en canvas que cambie el grosor del borde cada 3 segundos, que tenga un grosor de linea 5px iniciando, 3 segundos despues tenga otro grosor de 10px, luego de 3 segundos inicie de nuevo en grosor 5px. Es decir, que este en un loop infinito en cambio de grosor de border. ¿Alguna sugerencia?
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeStyle="red";
ctx.lineWidth=5;
ctx.strokeRect(20,20,100,100);
setTimeout(function() {
ctx.clearRect(20,20,100,100);
//ctx.strokeStyle="black";
ctx.lineWidth=10;
ctx.strokeRect(20,20,100,100);
}, 3000);