当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS---案例：美女时钟

JS---案例：美女时钟

2019年12月12日  | 移动技术网IT编程  | 我要评论

案例：美女时钟

 

思路：

打开页面就有图片按每秒1张的顺序轮换，用到了日期对象，获取小时和秒。

封装到一个命名函数后，为了使页面打卡就有图片的轮换，先调用下f1，再设置setinterval

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>title</title>

</head>

<body>
  <img src="" alt="" id="im" />
  <script src="common.js"></script>
  <script>

    function f1() {
      //获取当前时间
      var dt = new date();
      //获取小时
      var hour = dt.gethours();
      //获取秒
      var second = dt.getseconds();

      hour = hour < 10 ? "0" + hour : hour;
      second = second < 10 ? "0" + second : second;

      my$("im").src = "meimei/" + hour + "_" + second + ".jpg";
    }
    //打开页面先调用f1，这样打开来就有图片，不用等待
    f1();
    //页面加载哇麻痹后，过了1，秒才执行函数的代码
    setinterval(f1, 1000);

  </script>

</body>

</html>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网