Dom9(美女时钟)

最新推荐文章于 2019-03-27 11:58:04 发布

天赋进行时

最新推荐文章于 2019-03-27 11:58:04 发布

阅读量899

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50577894

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

所用知识点:

建立时间对象. var date=new Date();
获取小时 var hour=date.getHours();
获取分钟 var minu=date.getMinutes();
获取秒 var sec=date=getSeconds();
设置图片src属性:

实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script ytpe='text/javascript'>
  function f1(){
var date=new Date();
var hour=date.getHours(); //获取小时
var minu=date.getMinutes();//分钟
hour=hour<10?'0'+hour:hour;
minu=minu<10?'0'+minu:minu;
var addr=hour+'_'+minu;
document.getElementById('img').src='images/'+addr+'.jpg';
  }
  onload=function(){
f1();
setInterval(f1,1000);
  };
  </script>
 </head>
 <body>
  <img src='images/00_01.jpg' id='img' />
 </body>
</html>

天赋进行时

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom9(美女时钟)

所用知识点:建立时间对象. var date=new Date();获取小时 var hour=date.getHours();获取分钟 var minu=date.getMinutes();获取秒 var sec=date=getSeconds();设置图片src属性: 实例:<!doctype html><html lang="en"> <head> <
复制链接

扫一扫

专栏目录