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 相关文章推荐
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
对比分析json及XML
Nov 28 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
Sep 05 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
node中使用shell脚本的方法步骤
Mar 23 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 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银联网页支付实现方法
2015/03/04 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
ext实现完整的登录代码
2008/08/08 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
JS中操作JSON总结
2020/12/06 Javascript
纯JS实现旋转图片3D展示效果
2015/04/12 Javascript
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
python实现静态web服务器
2019/09/03 Python
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
美国旅游网站:Tours4Fun
2017/02/17 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
超市实习总结自我鉴定
2013/09/19 职场文书
销售演讲稿范文
2014/01/08 职场文书
魅力教师事迹材料
2014/01/10 职场文书
经典商业广告词
2014/03/13 职场文书
毕业论文评语大全
2014/04/29 职场文书
中学清明节活动总结
2014/07/04 职场文书
答谢词范文
2015/01/05 职场文书
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript