js时间+div浮动

 

<html>
<head>
<title></title>
<script>
var de=1;
function a(){
 var adiv1=document.getElementById("div0")
 var y1=document.getElementById("y1");
 var y2=document.getElementById("y2");
 var y3=document.getElementById("y3");
 var y4=document.getElementById("y4");
 var m1=document.getElementById("m1");
 var m2=document.getElementById("m2");
 var d1=document.getElementById("d1");
 var d2=document.getElementById("d2");
 var h1=document.getElementById("h1");
 var h2=document.getElementById("h2");
 var f1=document.getElementById("f1");
 var f2=document.getElementById("f2");
 var s1=document.getElementById("s1");
 var s2=document.getElementById("s2");
 var date=new Date();
 var year=date.getYear();
 var month=date.getMonth()+1;
 var day=date.getDate();
 var h=date.getHours();
 var m=date.getMinutes();
 var s=date.getSeconds();
 var str=year+"-"+b(month)+"-"+b(day)+"  "+b(h)+":"+b(m)+":"+b(s);
 adiv1.innerHTML=str;
 y1.src="images/d"+parseInt(year/1000)+".jpg";
 y2.src="images/d"+(parseInt(year/100))%10+".jpg";
 y3.src="images/d"+(parseInt(year/10))%100+".jpg";
 y4.src="images/d"+(year%10)+".jpg";
 m1.src="images/d"+parseInt(month/10)+".jpg";
 m2.src="images/d"+(month%10)+".jpg";
 d1.src="images/d"+parseInt(day/10)+".jpg";
 d2.src="images/d"+(day%10)+".jpg";
 h1.src="images/d"+parseInt(h/10)+".jpg";
 h2.src="images/d"+(h%10)+".jpg";
 f1.src="images/d"+parseInt(m/10)+".jpg";
 f2.src="images/d"+(m%10)+".jpg";
 s1.src="images/d"+parseInt(s/10)+".jpg";
 s2.src="images/d"+(s%10)+".jpg";
var d=document.getElementById("work3");

if(d.offsetLeft>document.body.clientWidth-60)
{
de=0;
}
else if(d.offsetLeft<0)
{
de=1;
}
if(de==1)
{
d.style.left=d.offsetLeft+10;
}
else
{
d.style.left=d.offsetLeft-10;
}
setTimeout("a()",10);
}
function b(h){return h<9?'0'+h:h}
</script>
</head>
<body οnlοad="a()">
<div id="div0"></div><br>
<nobr>
<div id="div1">
<img id="y1" src="images/d1.jpg">
<img id="y2" src="images/d1.jpg">
<img id="y3" src="images/d1.jpg">
<img id="y4" src="images/d1.jpg">
<img src="images/f1.jpg">
<img id="m1" src="images/d1.jpg">
<img id="m2" src="images/d1.jpg">
<img src="images/f1.jpg">
<img id="d1" src="images/d1.jpg">
<img id="d2" src="images/d1.jpg">
&nbsp;&nbsp;&nbsp;&nbsp;
<img id="h1" src="images/d1.jpg">
<img id="h2" src="images/d1.jpg">
<img src="images/f2.jpg">
<img id="f1" src="images/d1.jpg">
<img id="f2" src="images/d1.jpg">
<img src="images/f2.jpg">
<img id="s1" src="images/d1.jpg">
<img id="s2" src="images/d1.jpg">


</div>
</nobr>
<div id="work3" style="width:50px;height:50px;position:absolute;left:0px;top:400px;background

-color:gray;">
</div>
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值