public/JavaScript/clock/a.html at master · ynaoto/public · 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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>
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
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>Clock</title>
<styletype="text/css">
body {
background: black;
color: white;
 }
</style>
<scripttype="text/javascript">
functionneon(s)
{
varimg={
0: '0.png',1: '1.png',2: '2.png',3: '3.png',4: '4.png',
5: '5.png',6: '6.png',7: '7.png',8: '8.png',9: '9.png',
':': 'colon.png',
};
varresult='';
varlen=s.length;
for(vari=0;i<len;i++){
varc=s.charAt(i);
result+='<img src="'+img[c]+'" alt="'+c+'"/>';
}
returnresult;
}
functionn2(n)
{
return('0'+n).slice(-2);
}
functionupdate()
{
varelem=document.getElementById("time");
vardate=newDate();
varh=date.getHours();
varm=date.getMinutes();
vars=date.getSeconds();
elem.innerHTML=neon(n2(h)+':'+n2(m)+':'+n2(s));
}
window.onload=function()
{
update();
setInterval(update,1000);
}
</script>
</head>
<body>
 今の時刻は<spanid="time"></span>です。
</body>
</html>