JS小功能(setInterval实现图片效果显示时间)实例代码


Posted in Javascript onNovember 28, 2013

效果:

JS小功能(setInterval实现图片效果显示时间)实例代码

代码:

<head runat="server">
    <title></title>
    <script type="text/javascript">
        function toDou(n) {
            if (n < 10) {
                return '0' + n;
            }
            else {
                return '' + n;
            }
        }
        setInterval(
        window.onload = function () {
            var aImg = document.getElementsByTagName('img');
            var oDate = new Date();
            var str = toDou(oDate.getHours()) + toDou(oDate.getMinutes()) + toDou(oDate.getSeconds());
            for (var i = 0; i < str.length; i++) {
                aImg[i].src = 'Images/Number1/' + str[i] + '.jpg';
            }
        }, 1000);
    </script>
</head>
<body style="background-color: Black;">
    <div style="text-align: center; line-height: 600px">
        <img src="Images/Number1/0.jpg" /><img src="Images/Number1/0.jpg" /><span style="font-size: 77px;
            color: White; text-align: center; line-height: 2px;">:</span><img src="Images/Number1/0.jpg" /><img
                src="Images/Number1/0.jpg" /><span style="font-size: 77px; color: White;">:</span><img
                    src="Images/Number1/0.jpg" /><img src="Images/Number1/0.jpg" />
    </div>
</body>
Javascript 相关文章推荐
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
Sep 06 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
layui的table中显示图片方法
Aug 17 Javascript
json前后端数据交互相关代码
Sep 19 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 #Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 #Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 #Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 #Javascript
javascript打印html内容功能的方法示例
Nov 28 #Javascript
javascript列表框操作函数集合汇总
Nov 28 #Javascript
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 #Javascript
You might like
我的论坛源代码(四)
2006/10/09 PHP
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
PHP输出日历表代码实例
2015/03/27 PHP
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
基于jQuery的动态表格插件
2011/03/28 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
js动态创建、删除表格示例代码
2013/08/07 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
Vue中props的使用详解
2018/06/15 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python内置数据类型详解
2014/08/18 Python
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
欧洲最大的拼图游戏商店:JigsawPuzzle.co.uk
2018/07/04 全球购物
公司清洁工岗位职责
2013/12/14 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
Django实现聊天机器人
2021/05/31 Python
SQL SERVER存储过程用法详解
2022/02/24 SQL Server