psghmt/volvelle.js at master · cmm2209/psghmt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
var n=0,rotINT;
const spinner1 = document.getElementById("inner-volvelle-tr");
const spinner2 = document.getElementById("inner-volvelle");
const outerOrig = document.getElementById("outer-volvelle");

function viewTransliteration()
{
if (spinner2.style.display === "none") {
    spinner2.style.display = "block"
    outerOrig.style.display = "block";
  } else {
    spinner2.style.display = "none"
    outerOrig.style.display = "none";
  }
};

function rotate(direction)
{
clearInterval(rotINT)
if (direction>0) {
rotINT=setInterval("startRotate(1)",10);
}
  else {
rotINT=setInterval("startRotate(-1)",10);
  }
}
function startRotate(dir)
{
  if (dir>0) {
n=n+0.5
spinner1.style.transform="rotate(" + n + "deg)"
spinner1.style.webkitTransform="rotate(" + n + "deg)"
spinner1.style.OTransform="rotate(" + n + "deg)"
spinner1.style.MozTransform="rotate(" + n + "deg)"
spinner2.style.transform="rotate(" + n + "deg)"
spinner2.style.webkitTransform="rotate(" + n + "deg)"
spinner2.style.OTransform="rotate(" + n + "deg)"
spinner2.style.MozTransform="rotate(" + n + "deg)"
if (n==360){n=0};
}
  else {
if (n==0){n=360}
n=n-0.5
spinner1.style.transform="rotate(" + n + "deg)"
spinner1.style.webkitTransform="rotate(" + n + "deg)"
spinner1.style.OTransform="rotate(" + n + "deg)"
spinner1.style.MozTransform="rotate(" + n + "deg)"
spinner2.style.transform="rotate(" + n + "deg)"
spinner2.style.webkitTransform="rotate(" + n + "deg)"
spinner2.style.OTransform="rotate(" + n + "deg)"
spinner2.style.MozTransform="rotate(" + n + "deg)";
  }
if (n==0 || n==7.5 || n==15 || n==22.5 || n==30 || n==37.5 || n==45 || n==52.5 || n==60 || n==67.5 || n==75 || n==82.5 || n==90 || n==97.5 || n==105 || n==112.5 || n==120 || n==127.5 || n==135 || n==142.5 || n==150 || n==157.5 || n==165 || n==172.5 || n==180 || n==187.5 || n==195 || n==202.5 || n==210 || n==217.5 || n==225 || n==232.5 || n==240 || n==247.5 || n==255 || n==262.5 || n==270 || n==277.5 || n==285 || n==292.5 || n==300 || n==307.5 || n==315 || n==322.5 || n==330 || n==337.5 || n==345 || n==352.5 || n==360)
{
clearInterval(rotINT)
}
}