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 相关文章推荐
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
JS中事件冒泡和事件捕获介绍
Dec 13 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
js+canvas实现五子棋小游戏
Aug 02 Javascript
AudioContext 实现音频可视化(web技术分享)
Feb 24 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版本到PHP7
2015/02/06 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
javascript 对象定义方法 简单易学
2009/03/22 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
聊一聊jQuery插件uploadify使用方法
2016/08/24 Javascript
JS常用算法实现代码
2016/11/14 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
2018/10/09 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python定位xpath 节点位置的方法
2019/08/27 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
工厂总经理岗位职责
2014/02/07 职场文书
十八大演讲稿
2014/05/22 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书