<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p></p>
<div></div>
<script>
var oP = document.getElementsByTagName("p")[0]
var oImg = document.getElementsByTagName("img")
var oDiv = document.getElementsByTagName("div")[0]
var arr = ["img/0.JPG","img/1.JPG","img/2.JPG","img/3.JPG","img/4.JPG","img/5.JPG","img/6.JPG","img/7.JPG","img/8.JPG","img/9.JPG"]
function time(){
var now = new Date()
var oHours = now.getHours()
var oMin = now.getMinutes()
var oSec = now.getSeconds()
var str = add(oHours)+""+add(oMin)+""+add(oSec)
oP.innerHTML = str
return str
}
setInterval(function(){
time()
},1000)
var str = time()
var str1 = ""
for (var i=0;i<str.length;i++) {
str1+="<img/>"
}
oDiv.innerHTML = str1
function run(){
var str = time()
for (var i=0;i<str.length;i++) {
oImg[i].src = arr[str.charAt(i)]
}
}
run()
setInterval(function(){
run()
},1000)
function add(str){
return str>9?str:"0"+str
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p></p>
<div></div>
<script>
var oP = document.getElementsByTagName("p")[0]
var oImg = document.getElementsByTagName("img")
var oDiv = document.getElementsByTagName("div")[0]
var arr = ["img/0.JPG","img/1.JPG","img/2.JPG","img/3.JPG","img/4.JPG","img/5.JPG","img/6.JPG","img/7.JPG","img/8.JPG","img/9.JPG"]
function time(){
var now = new Date()
var oHours = now.getHours()
var oMin = now.getMinutes()
var oSec = now.getSeconds()
var str = add(oHours)+""+add(oMin)+""+add(oSec)
oP.innerHTML = str
return str
}
setInterval(function(){
time()
},1000)
var str = time()
var str1 = ""
for (var i=0;i<str.length;i++) {
str1+="<img/>"
}
oDiv.innerHTML = str1
function run(){
var str = time()
for (var i=0;i<str.length;i++) {
oImg[i].src = arr[str.charAt(i)]
}
}
run()
setInterval(function(){
run()
},1000)
function add(str){
return str>9?str:"0"+str
}
</script>
</body>
</html>