timer/script_old.js at main · reluss/timer · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
let x;
document
  .getElementById("dateTimeInput")
  .addEventListener("change", function () {

    Date.prototype.addHours = function(h) {
      this.setTime(this.getTime() + (h*60*60*1000));
      return this;
    }

    var input = this.value;
    console.log(input);

    var feierabend = new Date(input).addHours(8.5);
    console.log("feierabend" + feierabend);

    var now = new Date().getTime();
    console.log(new Date(now));

    if (x) {
      clearInterval(x);
      console.log("test 1");
    }

    //---------------------------------------------------------------
    var x = setInterval(function() {


      // Get today's date and time
      var now = new Date().getTime();

      // Find the distance between now and the count down date
      var distance = feierabend - now;

      // Time calculations for days, hours, minutes and seconds
      var days = Math.floor(distance / (1000 * 60 * 60 * 24));
      var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      var seconds = Math.floor((distance % (1000 * 60)) / 1000);

      // Display the result in the element with id="remainderDaily"
      timeString = hours.toString().padStart(2, '0')
          + ':' + minutes.toString().padStart(2, '0')
          + ':' + seconds.toString().padStart(2, '0');
      document.getElementById("remainderDaily").innerHTML = timeString;
      document.title = timeString;

      // document.getElementById("remainderDaily").innerHTML = "0" + hours.slice(-2)
      // + minutes + "m " + seconds + "s ";

      // If the count down is finished, write some text
      if (distance < 0) {
        clearInterval(x);
        document.getElementById("remainderDaily").innerHTML = "Feierabend";
      }
    }, 1000);

    //---------------------------------------------------------------

    function distanceTime() {
    var distance = feierabend - now;
      distance = new Date(distance);
      hours = distance.getUTCHours();
      minutes = distance.getUTCMinutes();
      seconds = distance.getSeconds();

    distanceString = hours.toString().padStart(2, '0')
          + ':' + minutes.toString().padStart(2, '0')
          + ':' + seconds.toString().padStart(2, '0');
    return distanceString;
        }

    document.getElementById("remainderDaily").innerHTML = distanceTime();

    var timeString = ("0" + feierabend.getHours()).slice(-2) + ":" + ("0" + feierabend.getMinutes()).slice(-2);// + ":" + feierabend.getUTCSeconds();
    //var timeString = feierabend.getUTCHours() + 2 + ":" + feierabend.getUTCMinutes();
    document.getElementById("feierabend").innerHTML = timeString;
  });

document
  .getElementById("dateTimeInput2")
  .addEventListener("change", function () {
    var input = document.getElementById("dateTimeInput").value;
    var input2 = this.value;
    var dateEntered = new Date(input2);
    console.log(input2); //e.g. 2015-11-13
    // console.log(dateEntered); //e.g. Fri Nov 13 2015 00:00:00 GMT+0000 (GMT Standard Time)

    //document.getElementById("iP").innerHTML = input2 - input;

    //var timeDiff = Math.abs(new Date(input2) - new Date(input));
    console.log("testoutput" + " / " + input + " / " + input2);
    var timeDiff = Math.abs(new Date(input2) - new Date(input));
    console.log(timeDiff);

    function getTime() {
      timeDiff = new Date(timeDiff);
      hours = timeDiff.getUTCHours();
      minutes = timeDiff.getUTCMinutes();
      seconds = timeDiff.getSeconds();

      console.log(timeDiff.getUTCHours());
      console.log(timeDiff.getUTCMinutes());
      console.log(timeDiff.getSeconds());


      timeString = hours.toString().padStart(2, '0')
          + ':' + minutes.toString().padStart(2, '0') ;
          //+ ':' + seconds.toString().padStart(2, '0');
      console.log(timeString);
      return timeString
    };


    document.getElementById("iP").innerHTML = getTime();
    // document.getElementById("iP").innerHTML = getTime();
    // document.getElementById("iP").innerHTML = new date(timeDiff);
  });

/*
  document.getElementById("timepick").addEventListener("change", function () {
  var inputTime = this.value;
  // var dateEntered = new Date(input);
  //console.log(inputTime); //e.g. 2015-11-13
  // console.log(dateEntered); //e.g. Fri Nov 13 2015 00:00:00 GMT+0000 (GMT Standard Time)

  //document.getElementById("iP").innerHTML = this.value;
});

// function diff_minutes(dt2, dt1) {
//   var diff = (dt2.getTime() - dt1.getTime()) / 1000;
//   diff /= 60;
//   return Math.abs(Math.round(diff));
// }

document.getElementById("timepick2").addEventListener("change", function () {
  var inputTime2 = new Time(this.value);
  var inputTime = document.getElementById("timepick").value;
  //diff(inputTime2, inputTime);
  //var diff = diff(inputTime2, inputTime);
  //console.log(diff);
  console.log(inputTime2);
  var timeDiff = Math.abs(new Date(inputTime2) - new Date(inputTime));
  console.log(timeDiff);
  document.getElementById("iP").innerHTML = timeDiff;
});
*/