<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>#tbt JavaScript Images</title>
<style>
.digitalnum {
width: 25px;
background: #000000;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
</style>
</head>
<body>
<img id="hours1" src="/codejam/tbt/jsimage/images/0.png" class="digitalnum">
<img id="hours2" src="/codejam/tbt/jsimage/images/0.png" class="digitalnum">
<img id="mins1" src="/codejam/tbt/jsimage/images/0.png" class="digitalnum">
<img id="mins2" src="/codejam/tbt/jsimage/images/0.png" class="digitalnum">
</body>
</html>
<script>
var d = new Date();
var hr = d.getHours();
var min = d.getMinutes();
if (min < 10) {
min = "0" + min;
}
console.log("hr : " + hr);
console.log("min : " + min);
</script>
var lv_hrs = (""+hr).split("");
console.log(lv_hrs);
var lv_mins = (""+min).split("");
console.log(lv_mins);
document.write("<img src='/codejam/tbt/jsimage/images/"+lv_hrs[0]+".png'>");
document.write("<img src='/codejam/tbt/jsimage/images/"+lv_hrs[1]+".png'>");
document.write(" : ");
document.write("<img src='/codejam/tbt/jsimage/images/"+lv_mins[0]+".png'>");
document.write("<img src='/codejam/tbt/jsimage/images/"+lv_mins[1]+".png'>");
document.getElementById('hours1').src = "/codejam/tbt/jsimage/images/" + lv_hrs[0] + ".png";
document.getElementById('hours2').src = "/codejam/tbt/jsimage/images/" + lv_hrs[1] + ".png";
document.getElementById('mins1').src = "/codejam/tbt/jsimage/images/" + lv_mins[0] + ".png";
document.getElementById('mins2').src = "/codejam/tbt/jsimage/images/" + lv_mins[1] + ".png";
.digitalstatus {
width: 25px;
padding-bottom: 7px;
}
<img id="status" src="images/green.png" class="digitalstatus">
var lv_status = "green";
if( hr >= 20 ){
lv_status = "yellow";
}
if( hr >= 21 ){
lv_status = "red";
}
console.log("Status: " + lv_status);
document.getElementById('status').src = "/codejam/tbt/jsimage/images/" + lv_status + ".png";
setInterval(function () {
... existing code ...
}, 1000);
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
11 | |
10 | |
10 | |
9 | |
8 | |
7 | |
7 | |
7 | |
7 | |
6 |