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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
js 刷新页面的代码小结 推荐
Apr 02 Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
React应用中使用Bootstrap的方法
Aug 15 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
JS实现图片切换特效
Dec 23 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 13 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不使用copy()函数复制文件的方法
2015/03/13 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
Three.js基础学习之场景对象
2017/09/27 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
详解vue 组件注册
2020/11/20 Vue.js
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
Python深入学习之内存管理
2014/08/31 Python
Python异常学习笔记
2015/02/03 Python
python实现同一局域网下传输图片
2020/03/20 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
医院竞聘演讲稿
2014/05/16 职场文书
师德师风个人自我剖析材料
2014/09/27 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
中秋节慰问信
2015/02/15 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
PO模式在selenium自动化测试框架的优势
2022/03/20 Python