论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

Javascript教程_解决JS 如何判断本机时间 调取图片源码教程

文章类别:Javascript | 发表日期:2010-4-29 9:25:24

Javascript教程_解决JS 如何判断本机时间 调取图片源码教程

我们一天一共有1440分钟,假设我们有1440个图片,如何才能让 js 读取到本机的时间,然后在相应的时间调取相应的图片出来
比如:

18:00 调取1800.jpg
18:01 调取1801.jpg
以此类推
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>code.js.cn</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{font-size:12px;background:#eee;}
img{border:1px solid #999;background:#fff;padding:5px;}
#times{color:#FF8000;font: 48px/1.5 bold sans-serif;}
.sh{
    zoom:1;background:#eee;/* IE need this set */
    filter:progid:DXImageTransform.Microsoft.dropShadow(color='#22000000', OffX=5,OffY=5);
    -webkit-box-shadow:4px 4px 4px #999; 
    -moz-box-shadow:4px 4px 4px #999;
}
</style>
</head>
<body>
<img src="http://www.red86.com/img/upload/beauty/2326.jpg" id="ooxx" alt="" class="sh" />
<p><strong id="times">0</strong> 秒后 <div id="">就能看到下一张</div></p>
</body>
<script type="text/javascript">
ldh={
    get:function(x){return typeof x == 'string' ? document.getElementById(x):x},
    base:'http://www.red86.com/img/upload/beauty/',
    ext:'.jpg',
    begin:function (){
        var $=this;
        this.timer=setInterval(function (){
            var x=new Date,m=x.getMinutes();
            $.s=x.getSeconds();
            if(m==$.now)return $.onMinutes();
            $.now=m;
            $.file=('0'+x.getHours()).slice(-2)+('0'+m).slice('-2')+$.ext;
            $.onNextMinutes()
        },1000);
    },
    onMinutes:function (){
        this.get('times').innerHTML=60-this.s
    },
    onNextMinutes:function (){
        this.get('ooxx').src=this.base+this.file
    }
};
ldh.begin();
</script>
</html>
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058