Javascript 如何制作循环进度倒计时计时器？

你能帮我把这段代码设置成倒计时吗…这段代码从0到10计数。我想从10比0领先。。我不太擅长jquery。请帮帮我

 <canvas height="200" width="200" id="counter"/>    
 </body>
 <script type="application/javascript">
    var counter = document.getElementById('counter').getContext('2d');
    var no = 0;
    var pointToFill = 4.72; 
    var cw = counter.canvas.width;
    var ch = counter.canvas.height;
    var diff;

    function fillCounter(){
        diff = ((no/10) * Math.PI*2*10);            
        counter.clearRect(0,0,cw,ch); 
        counter.lineWidth = 15;
        counter.fillStyle = '#fff';    
        counter.strokeStyle = '#F5E0A9';    
        counter.textAlign = 'center';            
        counter.font = "25px monospace";      
        counter.fillText(no+'sec',100,110);
        counter.beginPath();
        counter.arc(100,100,90,pointToFill,diff/10+pointToFill);
        counter.stroke();

        if(no >= 10)
        {
            clearTimeout(fill);
        }
        no++;
    }

     var fill = setInterval(fillCounter,1000);
  </script>

var counter=document.getElementById（'counter'）.getContext（'2d'）；
var no=0；
var pointToFill=4.72；
var cw=计数器.canvas.width；
var ch=计数器.canvas.height；
var-diff；
函数fillCounter（）{
差异=（（编号/10）*数学PI*2*10）；
计数器clearRect（0,0，cw，ch）；
计数器。线宽=15；
counter.fillStyle='#fff'；
counter.strokeStyle='#F5E0A9'；
counter.textAlign='center'；
counter.font=“25px单空间”；
计数器。填充文本（编号+‘秒’，100110）；
counter.beginPath（）；
电弧计数器（100100,90，点到点，差/10+点到点）；
counter.stroke（）；
如果（否>=10）
{
清除超时（填充）；
}
否++；
}
变量填充=设置间隔（填充计数器，1000）；

以下是演示：

---

这是与Java无关的Javascript。哦，我的意思是jquery@dragonthoughts你想回应什么？当它为零时计数？更新了小提琴！！

var counter = document.getElementById('counter').getContext('2d');
var no = 10;
var pointToFill = 4.72;
var cw = counter.canvas.width;
var ch = counter.canvas.height;
var diff;

function fillCounter() {
    diff = ((no / 10) * Math.PI * 2 * 10);
    counter.clearRect(0, 0, cw, ch);
    counter.lineWidth = 15;
    counter.fillStyle = '#000';
    counter.strokeStyle = '#F5E0A9';
    counter.textAlign = 'center';
    counter.font = "25px monospace";
    console.log(no);
    counter.fillText(no + 'sec', 100, 110);
    counter.beginPath();
    console.log(diff)
    counter.arc(100, 100, 90, pointToFill, diff / 10 + pointToFill);
    counter.stroke();

    if (no == 0) {
        clearTimeout(fill);
    }
    no--;
}

var fill = setInterval(fillCounter, 1000);