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压缩混淆工具
May 16 Javascript
jQuery的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
window.onresize 多次触发的解决方法
Nov 08 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 Javascript
在Vue中使用Select选择器拼接label的操作
Oct 22 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
第十一节--重载
2006/11/16 PHP
PHP session有效期session.gc_maxlifetime
2011/04/20 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
Thinkphp3.2.3整合phpqrcode生成带logo的二维码
2016/07/21 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
JavaScript运行机制实例分析
2020/04/11 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
利用python求相邻数的方法示例
2017/08/18 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
python用Configobj模块读取配置文件
2020/09/26 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
简历自我评价模版
2014/01/31 职场文书
好听的队名和口号
2014/06/09 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers