编程 Javascript

JS小功能(setInterval实现图片效果显示时间)实例代码

Posted in Javascript onNovember 28, 2013

效果：

代码：

<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>

JS小功能(setInterval实现图片效果显示时间)实例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

this[] 指的是什么内容讨论

Mar 24 Javascript

escape、encodeURI 和 encodeURIComponent 的区别

Mar 02 Javascript

js控制CSS样式属性语法对照表

Dec 11 Javascript

js验证IP及子网掩码的合法性有效性示例

Apr 30 Javascript

JavaScript实现的简单烟花特效代码

Oct 20 Javascript

javascript类型系统_正则表达式RegExp类型详解

Jun 24 Javascript

JavaScript禁止用户多次提交的两种方法

Jul 24 Javascript

详解Angular路由 ng-route和ui-router的区别

May 22 Javascript

在vue组件中使用axios的方法

Mar 16 Javascript

js计算两个时间差天时分秒毫秒的代码

May 21 Javascript

基于Vue全局组件与局部组件的区别说明

Aug 11 Javascript

Vue中插槽slot的使用方法与应用场景详析

Jun 08 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统计二维数组元素个数的方法

2013/11/12 PHP

PHP中4种常用的抓取网络数据方法

2015/06/04 PHP

php+html5基于websocket实现聊天室的方法

2015/07/17 PHP

PHP+swoole实现简单多人在线聊天群发

2016/01/19 PHP

Yii操作数据库实现动态获取表名的方法

2016/03/29 PHP

php合并数组并保留键值的实现方法

2018/03/12 PHP

PHP实现基本留言板功能原理与步骤详解

2020/03/26 PHP

JavaScript 封装Ajax传递的数据代码

2009/06/05 Javascript

原生javascript实现图片轮播效果代码

2010/09/03 Javascript

JQuery优缺点分析说明

2011/04/10 Javascript

分享XmlHttpRequest调用Webservice的一点心得

2012/07/20 Javascript

模拟多级复选框效果的jquery代码

2013/08/13 Javascript

javascript中函数作为参数调用的方法

2015/02/09 Javascript

JavaScript编写简单的计算器

2015/11/25 Javascript

Vue.use源码分析

2017/04/22 Javascript

Bootstrap标签页（Tab）插件切换echarts不显示问题的解决

2018/07/13 Javascript

jQuery序列化form表单数据为JSON对象的实现方法

2018/09/20 jQuery

小程序登录态管理的方法示例

2018/11/13 Javascript

微信小程序添加插屏广告并设置显示频率(一天一次)

2019/12/06 Javascript

JavaScript中this函数使用实例解析

2020/02/21 Javascript

js实现树形数据转成扁平数据的方法示例

2020/02/27 Javascript

微信小程序 wx.getUserInfo引导用户授权问题实例分析

2020/03/09 Javascript

vue项目配置使用flow类型检查的步骤

2020/03/18 Javascript

vue和小程序项目中使用iconfont的方法

2020/05/19 Javascript

在Python的Django框架中调用方法和处理无效变量

2015/07/15 Python

Python用threading实现多线程详解

2017/02/03 Python

Django外键（ForeignKey）操作以及related_name的作用详解

2019/07/29 Python

opencv3/python 鼠标响应操作详解

2019/12/11 Python

Python操作MySQL数据库的示例代码

2020/07/13 Python

canvas实现滑动验证的实现示例

2020/08/11 HTML / CSS

印尼在线购买隐形眼镜网站：Lensza.co.id

2019/04/27 全球购物

英国的一家创新礼品和小工具零售商：Menkind

2019/08/24 全球购物

2014年法院工作总结

2014/11/24 职场文书

幼儿园小班家长评语

2014/12/30 职场文书

2016国庆促销广告语

2016/01/28 职场文书

python geopandas读取、创建shapefile文件的方法

2021/06/29 Python