• javascript时钟


     <script language="JavaScript" type="text/javascript">
             function nowTime(format) {
                 var dt = new Date();
                 //年份
                 this.Year = dt.getFullYear();
                 //月份
                 this.Month = dt.getMonth() + 1;
                 //日期
                 this.Day = dt.getDate();
                 //星期几,数字
                 this.Week = dt.getDay();
                 //星期几,中文
                 this.WeekDay = '日一二三四五六'.charAt(dt.getDay());
                 //24制小时
                 this.Hours24 = dt.getHours();
                 //12制小时
                 this.Hours12 = this.Hours24 > 12 ? this.Hours24 - 12 : this.Hours24;
                 //分钟
                 this.Minutes = dt.getMinutes();
                 //秒
                 this.Seconds = dt.getSeconds();
                 format = format.replace("yy", this.Year);
                 format = format.replace("MM", this.Month);
                 format = format.replace("dd", this.Day);
                 format = format.replace("HH", this.Hours24);
                 format = format.replace("hh", this.Hours12);
                 format = format.replace("mm", this.Minutes);
                 format = format.replace("ss", this.Seconds);
                 format = format.replace("ww", this.Week);
                 format = format.replace("WW", this.WeekDay);
                 //时间显示在页面中哪个标签里,这里是其id
                 this.toShow = function (element) {
                     document.getElementById(element).innerHTML = format;
                 }
             }
    </script>

    调用

    <div id="time" >
    <script language="JavaScript" type="text/javascript" defer="defer">
        setInterval("new nowTime('yy年MM月dd日 HH:mm:ss 星期WW').toShow('time')", 1000);
    </script></div>

  • 相关阅读:
    UOJ 【UR #5】怎样跑得更快
    【TJOJIHEOI2016】求和
    CF 932E Team Work
    【BZOJ2159】Crash的文明世界
    Luogu P4707 重返现世
    Luogu P3175 [HAOI2015]按位或
    【BZOJ3930】选数
    nginx 学习
    如何解决 react-create-app 里面的 no-unused-vars ?
    随时更新web html 项目页面,查看手机等其他移动设备的几种方法?
  • 原文地址:https://www.cnblogs.com/net-study/p/3287122.html
Copyright © 2020-2023  润新知