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 相关文章推荐
IE6弹出“已终止操作”的解决办法
Nov 27 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
Javascript 中的 call 和 apply使用介绍
Feb 22 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
学习javascript文件加载优化
Feb 19 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
JavaScript中import用法总结
Jan 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
php 空格,换行,跳格使用说明
2009/12/18 PHP
php上传文件的增强函数
2010/07/21 PHP
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
php字符串函数学习之strstr()
2015/03/27 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
JS获取元素多层嵌套思路详解
2016/05/16 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
基于js中this和event 的区别(详解)
2017/10/24 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
详细介绍Python语言中的按位运算符
2013/11/26 Python
Python生成随机MAC地址
2015/03/10 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
2020/03/06 Python
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
给领导的致歉信范文
2014/01/13 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
意向书范本
2014/07/29 职场文书
大学生逃课检讨书
2015/05/04 职场文书
老舍《猫》教学反思
2016/02/17 职场文书
导游词之神仙居景区
2019/11/15 职场文书
Nginx反向代理配置的全过程记录
2021/06/22 Servers
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python