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 相关文章推荐
JavaScript 组件之旅(二)编码实现和算法
Oct 28 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
js改变鼠标的形状和样式的方法
Mar 31 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
javascript自定义滚动条实现代码
Apr 20 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 Javascript
Vue数据双向绑定原理实例解析
May 15 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
PHP数组访问常用方法解析
2020/09/05 PHP
javascript事件问题
2009/09/05 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
2011/09/20 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
使用npm安装最新版本nodejs
2018/01/18 NodeJs
php 解压zip压缩包内容到指定目录的实例
2018/01/23 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
react中Suspense的使用详解
2019/09/01 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
在Python的Django框架中编写编译函数
2015/07/20 Python
深入理解python try异常处理机制
2016/06/01 Python
python生成器与迭代器详解
2019/01/01 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
如何在Django项目中引入静态文件
2019/07/26 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
机械设计及其自动化求职推荐信
2014/02/17 职场文书
语文教育专业求职信
2014/06/28 职场文书
公司地址变更通知
2015/04/25 职场文书
大学生党课心得体会
2016/01/07 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
SQL CASE 表达式的具体使用
2022/03/21 SQL Server
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android