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创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
javascript实现简单的html5视频播放器
May 06 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
使用vue3重构拼图游戏的实现示例
Jan 25 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 图像处理类1
2009/06/15 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
python统计一个文本中重复行数的方法
2014/11/19 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
python3实现逐字输出的方法
2019/01/23 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
应届毕业生应聘自荐信范文
2014/02/26 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python