javascript实现滚动效果的数字时钟实例

网上关于javascript实现数字时钟效果的实例很多,但是本文给大家介绍的是滚动效果的数字时钟。小编觉得效果很炫,下面分享给大家。

先来看看很炫的效果

下面是代码实例

javascript代码部分:

rush:js;"> window.onload=function(){ function todou(n){ return n<10?"0"+n:""+n; } var oImg=document.getElementsByTagName("img"); setInterval(clock,1000); clock() function clock(){ var oDate=new Date(); var oH=oDate.getHours(); var oF=oDate.getMinutes(); var oM=oDate.getSeconds(); var str=todou(oH)+todou(oF)+todou(oM); for(var i=0;iarat(i)}); } } }

div+css布局部分:

rush:xhtml;">
  • javascript很炫的数字时钟滚动效果
  • javascript很炫的数字时钟滚动效果
  • :
  • javascript很炫的数字时钟滚动效果
  • javascript很炫的数字时钟滚动效果
  • :
  • javascript很炫的数字时钟滚动效果
  • javascript很炫的数字时钟滚动效果
*{ padding:0; margin:0; list-style:none;} ul{width:200px; margin: 100px auto;} li{ float:left; height:35px; overflow:hidden; line-height:35px;}

总结

以上就是关于用javascript实现滚动效果的数字时钟的全部实例代码代码很简单但是效果非常好,希望能帮助到有需要的你。

相关文章

什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据...
前言 今天复习了一些前端算法题,写到一两道比较有意思的题:...
最近在看回JavaScript的面试题,this 指向问题是入坑前端必须...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面