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 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
使用Firebug对js进行断点调试的图文方法
Apr 02 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
简单谈谈JS数组中的indexOf方法
Oct 13 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
微信小程序HTTP接口请求封装的实现
Feb 21 Javascript
详解如何探测小程序返回到webview页面
May 14 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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
PHPMailer安装方法及简单实例
2008/11/25 PHP
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
探讨:php中在foreach中使用foreach ($arr as &amp;$value) 这种类型的解释
2013/06/24 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
用vue快速开发app的脚手架工具
2018/06/11 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
Python实现计算最小编辑距离
2016/03/17 Python
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
python判断完全平方数的方法
2018/11/13 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
浅析python中while循环和for循环
2019/11/19 Python
Django values()和value_list()的使用
2020/03/31 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
房地产出纳岗位职责
2013/12/01 职场文书
英语系毕业生求职信
2014/07/13 职场文书
网站出售协议书范文
2014/10/10 职场文书
简历自我评价优缺点
2015/03/11 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
zabbix配置nginx监控的实现
2022/05/25 Servers