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仿flash上传头像效果实现代码
Jul 18 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
JavaScript中计算网页中某个元素的位置
Jun 10 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
vue实现导航菜单和编辑文本的示例代码
Jul 04 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
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-fpm的配置详解
2013/06/03 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
JavaScript生成.xls文件的代码
2016/12/22 Javascript
node中的session的具体使用
2018/09/14 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
Python 基础知识之字符串处理
2017/01/06 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
python 异或加密字符串的实例
2018/10/14 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
python 获取页面表格数据存放到csv中的方法
2018/12/26 Python
Django实现单用户登录的方法示例
2019/03/28 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
python 消除 futureWarning问题的解决
2019/12/25 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
校庆筹备方案
2014/03/30 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
MySQL8.0的WITH查询详情
2021/08/30 MySQL
最新动漫情报:2022年7月新番定档超过30部, OVERLORD骨王第四季也在其中噢
2022/05/04 日漫
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python