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 相关文章推荐
基于jquery的15款幻灯片插件
Apr 10 Javascript
jquery 操作DOM的基本用法分享
Apr 05 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
JavaScript判断变量名是否存在数组中的实例
Dec 28 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 Javascript
Vue触发input选取文件点击事件操作
Aug 07 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 flush类输出缓冲剖析
2008/10/19 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
php动态读取数据清除最右边距的方法
2017/04/12 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
PHP 多进程与信号中断实现多任务常驻内存管理实例方法
2019/10/04 PHP
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
AngularJS基础知识
2014/12/21 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
关于vue面试题汇总
2018/03/20 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
对python tkinter窗口弹出置顶的方法详解
2019/06/14 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
浅谈Python中的继承
2020/06/19 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
python调用百度API实现人脸识别
2020/11/17 Python
戴尔美国官网:Dell
2016/08/31 全球购物
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
财务工作者先进事迹材料
2014/01/17 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
团组织推优材料
2014/12/29 职场文书
大学生毕业评语
2014/12/31 职场文书
「魔导具师妲莉亚永不妥协~从今天开始的自由职人生活~」1、2卷发售宣传CM公开
2022/03/21 日漫
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS