Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在js中将时间转换为deg或rad?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在js中将时间转换为deg或rad?

Javascript 如何在js中将时间转换为deg或rad?,javascript,jquery,Javascript,Jquery,我用js做时钟。如何根据时间旋转时针?我需要将时间转换为deg或rad?我现在的代码: $(document).ready(function(){ var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var img = new Image(); var bee = new Image(); var i = 40; img.src =

我用js做时钟。如何根据时间旋转时针?我需要将时间转换为deg或rad?我现在的代码:

$(document).ready(function(){

    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');

    var img = new Image();
    var bee = new Image();
    var i = 40;
    img.src = "images/clock.jpg";


    img.onload = function(){
        bee.src = "images/bee.jpg";
        ctx.drawImage(img, 0, 0);
        ctx.drawImage(bee, 95, 90);

        setInterval(function(){
            i = i+1;
            ctx.save(); //saves the state of canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height); //clear the canvas
            ctx.drawImage(img, 0, 0);
            ctx.translate(canvas.width/2,canvas.height/2);
            ctx.rotate(225*Math.PI/180);
            ctx.drawImage(bee, -85, -90);

            ctx.restore(); 

        }, 100);


    }
});
我的钟响了: 数学

分针

  • 60分钟是一个完整的轮换
  • 全旋转为360度或2*pi
  • 60分钟的任何分数都是360度或2*pi的分数
  • i、 e.23分钟为(23/60)*2*π弧度或(23/60)*360度
  • 如果你想要一个连续移动的分针,把秒数加上1/60分钟
时针

  • 12小时是一个完整的轮换
  • 通过计算每分钟是1/60小时来增加分钟数
  • 使用与上面相同的规则转换为度或弧度