初探js特效魅力之定时器的使用one

最新推荐文章于 2020-07-09 23:03:47 发布

13东倍

最新推荐文章于 2020-07-09 23:03:47 发布

阅读量872

点赞数

分类专栏： html javaScript 文章标签： js魅力初识js js时钟

本文链接：https://blog.csdn.net/u011096030/article/details/12384647

版权

html 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

javaScript

23 篇文章 0 订阅

订阅专栏

初探js特效魅力之简易时钟的使用one

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js特效</title>

<script>

window.οnlοad=function(){
  function toD(n){
   if(n<10){
    return '0'+n;
   }
   else{
    return ''+n;
   }
  }
  var oImg=document.getElementsByTagName("img");
  function tick(){
    var oDate=new Date();
    var str=toD(oDate.getHours())+toD(oDate.getMinutes())+toD(oDate.getSeconds());
    for(var i=0;i<str.length;i++){
     oImg[i].src=str.charAt(i)+".jpg";
    }
  }
  setInterval(tick,1000);
  tick();
}
</script>
<style>
img{
width:50px;
height:70px;
}
label{
font-size:70px;
}
</style>
</head>
<body>
<img src="0.jpg" />
    <img src="0.jpg" />
    <label>:</label>
    <img src="0.jpg" />
    <img src="0.jpg" />
    <label>:</label>
    <img src="0.jpg" />
    <img src="0.jpg" />
</body>
</html>

13东倍

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初探js特效魅力之定时器的使用one

初探js特效魅力之简易时钟的使用onehttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">js特效--> window.onload=function(){ function toD(n){ if(n return
复制链接

扫一扫

专栏目录