TicTimeClock/index.html at master · JTechnologies/TicTimeClock · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Tic Time</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://jtechnologies.github.io/TicTimeClock/script.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  </head>
  <body style="background-color: #1847b4;">
    <script>
        function getCustomDateTime(){
          y2t = prompt("Year?");
          m2t = prompt("Month? (In Number)");
          d2t = prompt("Day?");
          h2t = prompt("Hour? (In 24hr Format)");
          m2t = prompt("Minute?");
          s2t = prompt("Seconds?");
          daysFull = daysSinceDate(m2t,d2t,y2t,h2t,m2t,s2t);
          alert(m2t+"/"+d2t+"/"+y2t+" is "+String(CurrentCustomMegatic()+(CurrentCustomLicotic()*.1)+(CurrentCustomKilotic()*.01)+(CurrentCustomHectotic()*.001)+"0000000000").substring(0,6))
        }
    </script>
    <div style="text-align: center; font-family: 'Inter'; padding-top: 10px;">
    <div style="white-space: nowrap; font-size: 2.5em;"><h1 style="color:#FFF;">tic <span style="color: #ffcf00;">time</span></h1></div>
    <button onClick="getCustomDateTime();">Calculate Custom Date & Time</button>
    <h3>Today's date is</h3>
    <h1 id="date"></h1>
    <h3>And the time is</h3>
    <h1 id="time"></h1>
    <script type="text/javascript">
        var dateDisplay = document.getElementById('date');
        var timeDisplay = document.getElementById('time');
        setInterval(
          function(){
            dateDisplay.innerHTML=(String(CurrentMegatic()+(CurrentLicotic()*.1)+(CurrentKilotic()*.01)+(CurrentHectotic()*.001))+"0000000000").substring(0,6);
            timeDisplay.innerHTML=(String((CurrentDecatic()+(CurrentTic()*.1)+(CurrentDecitic()*.01)+(CurrentCentitic()*.001)))+"00000").substring(0,5);
            },1);
    </script>
        <h3>Megatic</h3>
    <h1 id="Megatic"></h1>
    <h3>Licotic</h3>
    <h1 id="licotic"></h1>
    <h3>Hectotic</h3>
    <h1 id="hectotic"></h1>
    <h3>Kilotic</h3>
    <h1 id="kilotic"></h1>
    <h3>Decatic</h3>
    <h1 id="decatic"></h1>
    <h3>Tic</h3>
    <h1 id="tic"></h1>
    <h3>Decitic</h3>
    <h1 id="decitic"></h1>
    <h3>Centitic</h3>
    <h1 id="centitic"></h1>
    </div>
    <script type="text/javascript">
        var MegaticDisplay = document.getElementById('Megatic');
        var licoticDisplay = document.getElementById('licotic');
        var kiloticDisplay = document.getElementById('kilotic');
        var hectoticDisplay = document.getElementById('hectotic');
        var decaticDisplay = document.getElementById('decatic');
        var ticDisplay = document.getElementById('tic');
        var deciticDisplay = document.getElementById('decitic');
        var centiticDisplay = document.getElementById('centitic');

        setInterval(function(){MegaticDisplay.innerHTML=CurrentMegatic();licoticDisplay.innerHTML=CurrentLicotic();kiloticDisplay.innerHTML=CurrentKilotic();hectoticDisplay.innerHTML=CurrentHectotic();decaticDisplay.innerHTML=CurrentDecatic();ticDisplay.innerHTML=CurrentTic();deciticDisplay.innerHTML=CurrentDecitic();centiticDisplay.innerHTML=CurrentCentitic();},1)
        </script>
        </div>
  </body>
</html>