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 常用关键字列表集合
Dec 04 Javascript
JQuery实现倒计时按钮的实现代码
Mar 23 Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
利用js制作html table分页示例(js实现分页)
Apr 25 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 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
Uncaught exception com_exception with message Failed to create COM object
2012/01/11 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
Unix控制后台进程都有哪些进程
2016/09/22 面试题
文员个人的求职信范文
2013/09/26 职场文书
计算机应用专业毕业生求职信
2013/10/24 职场文书
十八大演讲稿
2014/05/22 职场文书
小学优秀学生评语
2014/12/29 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers