FunClock/funclock.js at master · asthanema/FunClock · 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
// setInterval(showCurrentTime,1000);
var wakeupTime=7;
var lunchTime=2;
var napTime=lunchTime+2;
var partyTime;
var noon=12;
var evening=18;
var meridian;
var party=false;

//Display current Time
function showCurrentTime(){

    var clock=document.getElementById('clock');
    var currentTime=new Date();
    var hours= currentTime.getHours();
    var minutes=currentTime.getMinutes();
    var seconds=currentTime.getSeconds();
    if(hours>noon)
    meridian='PM';

    else
    meridian='AM';
    var Time= hours+':'+minutes+':'+seconds+' '+meridian
    clock.innerHTML=Time;

}

//update Image as per Time
function updateImage(){
    var time=new Date().getHours();
    if(party==false){
    if(time==wakeupTime)
    document.getElementById('image').setAttribute('src','wakeup.jpg');
    else if(time==lunchTime)
    document.getElementById('image').setAttribute('src','lunchtime.jpg');
    else if(time==napTime)
    document.getElementById('image').setAttribute('src','naptime.jpg');
    else if (time==noon)
    document.getElementById('image').setAttribute('src','goodnoon.jpg');
    else
    document.getElementById('image').setAttribute('src','normal.jpg');
    }

showCurrentTime();
}
updateImage();
setInterval(updateImage, 1000);
//Activate wakeupTime
function setWakeupTime(){
    wakeupTime= document.getElementById('wakeUpTimeSelector').value;
}
document.getElementById('wakeUpTimeSelector').addEventListener('change', setWakeupTime);

//Activate lunchTime
function setNapTime(){
    napTime= document.getElementById('napTimeSelector').value;
}
document.getElementById('napTimeSelector').addEventListener('change', setNapTime);

//Activate napTime
function setLunchTime(){
    lunchTime= document.getElementById('lunchTimeSelector').value;
}
document.getElementById('lunchTimeSelector').addEventListener('change', setLunchTime);

//Update party image

document.getElementById('partyTimeBtn').addEventListener('click', changepartyimage);

function changepartyimage(){
var partybtn=document.getElementById('partyTimeBtn');
 if(partybtn.innerText=="Party Time!"){
     party=true;
     partybtn.innerText="Party Over!";
    document.getElementById('image').setAttribute('src','party.jpg');
  }
  else{
    party=false;
    partybtn.innerText="Party Time!";
}
}