Math.sin 和 Math.cos 模拟时钟的秒点

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
         .ab{
            position: absolute;
            width: 1px;
            height: 1px;
            border: 0px solid #111;
            background: #111;
         }
        </style>
    </head>
    <body>

    </body>
    <script>
      var a=1000,b=500,r=100,divs=null;
       for(var times=0; times<60; times++) {
       var hudu = (2*Math.PI/ 360) * 6 * times;
       var X = a + Math.sin(hudu) * r;
       var Y = b - Math.cos(hudu) * r;//Math.sin也可以作用y坐标都可以实现圆  看是逆时针还是顺时针
       divs=document.createElement("div");
       divs.className="ab";
       divs.style.cssText='left:'+X+'px;top:'+Y+'px;';
       document.body.appendChild(divs);
}

    </script>
</html>

主要用到了Math.sin获取正玄和Math.cos余玄来确定X坐标和Y坐标。这两个方法的参数都是已弧度做单位。范围在-1和1之间。

说道弧度,相信很多人都忘了.现在大概的讲一下。

弧度不是角度。弧度的算法是(2Pi/360)*角度。

如何是顺时针。已知圆心的坐标。通过Math.

时间: 2024-10-22 21:35:36

Math.sin 和 Math.cos 模拟时钟的秒点的相关文章

JS Math.sin() 与 Math.cos()

Math.sin(x)      x 的正玄值.返回值在 -1.0 到 1.0 之间: Math.cos(x)    x 的余弦值.返回的是 -1.0 到 1.0 之间的数: 这两个函数中的X 都是指的"弧度"而非"角度",弧度的计算公式为: 2*PI/360*角度: 30° 角度 的弧度 = 2*PI/360*30 如何得到圆上每个点的坐标? 解决思路:根据三角形的正玄.余弦来得值: 假设一个圆的圆心坐标是(a,b),半径为r, 则圆上每个点的X坐标=a + Ma

JS Math.sin() 与 Math.cos() 用法(计算圆)

JS Math.sin() 与 Math.cos() 用法 Math.sin(x)      x 的正玄值.返回值在 -1.0 到 1.0 之间: Math.cos(x)    x 的余弦值.返回的是 -1.0 到 1.0 之间的数: 这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角度: 30° 角度 的弧度 = 2*PI/360*30 如何得到圆上每个点的坐标? 解决思路:根据三角形的正玄.余弦来得值: 假设一个圆的圆心坐标是(a,b),半径为r, 则圆

JS Math.sin() 与 Math.cos() 用法

sin(x) = a/c; a是角度的对边,c是斜边 con(y) = b/c; b是角度的邻边,c是斜边 x,y都是指的'弧度'而非'角度',弧度的计算公式为:2*PI/360*角度; 30°角度的弧度 = 2*PI/360*30; function getXY(R,ideg){ var ideg = (2*Math.PI/360)*ideg; var x = Math.round(Math.sin(ideg) * R); var y = Math.round(Math.cos(ideg) *

javascript: Math.sin() cos() 用法

Math.sin(x)      x 的正玄值.返回值在 -1.0 到 1.0 之间: Math.cos(x)    x 的余弦值.返回的是 -1.0 到 1.0 之间的数: 这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角度: 30° 角度 的弧度 = 2*PI/360*30 如何得到圆上每个点的坐标? 解决思路:根据三角形的正玄.余弦来得值: 假设一个圆的圆心坐标是(a,b),半径为r, 则圆上每个点的X坐标=a + Math.sin(2*Math.P

WinForm学习 --简单的模拟时钟程序

今天学习GDI+,试着想写一个模拟时钟的小程序,原以为很简单实现:但其实还有些复杂,特别是利用三角函数的那部分,让我四处找资料恶补了一下高中数学才算弄清楚,现在就回顾一下这个程序吧. 程序的目的是要模拟出时钟的效果,那首先就是要画出这个时钟的样子.不考虑美观,一个时钟最简单的组成是一个圆形的表盘,三根直线代表的时针.分针和秒针. <img缺失> 看起来很简单吧,但要怎么样画呢?让我们一步一步来吧: 1.画表盘 Graphics g = this.CreateGraphics(); //创建一个

模拟时钟

1 #include <Windows.h> 2 #include <tchar.h> 3 #include <math.h> 4 typedef struct Time 5 { 6 int hour, min, sec; 7 }TimeStructure; 8 BOOLEAN InitWindowClass(HINSTANCE hInstance, int nCmdShow); 9 LRESULT CALLBACK WndProc(HWND, UINT, WPARAM

WIN32下的模拟时钟

#include <Windows.h> #include <math.h> #include <tchar.h> #include "resource.h" #define PI 3.1415926 BOOLEAN InitWindowClass(HINSTANCE hInstance, int nCmdShow); LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM); int WINAPI W

JS模拟时钟

<html> <head> <title>js模拟时钟</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body onLoad="setInterval(setTimeSpan,1000);"> <span style="fon

趣味图形之 正弦函数sin&amp;&amp;余弦函数cos相交

高中的时候做的,前两天看了看,挺好玩的. 只想说,当初的代码风格,,,,咳咳,算不上风骚! /***sin(x)和cos(x)图像同时显示***/ # include < stdio.h > # include < math.h > int main ( void ) { double y; int x, m, n; for ( y = 1; y >= -1; y -= 0.1 ) { m = acos( y ) * 10; n = asin( y ) * 10; for (