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 相关文章推荐
js工具方法弹出蒙版
May 08 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
浅谈javascript的分号的使用
May 12 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
Vue性能优化的方法
Jul 30 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 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
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
IE php关于强制下载文件的代码
2008/08/23 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
PHP守护进程实例
2015/03/06 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
2018/04/11 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python mock测试的示例
2020/10/19 Python
上班上网检讨书
2014/01/29 职场文书
学习2014年全国两会心得体会
2014/03/12 职场文书
个人校本研修方案
2014/05/26 职场文书
公共场所禁烟标语
2014/06/25 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL