zoukankan      html  css  js  c++  java
  • js计时器。

    <html>
    <head>
    <title> Nonove js clock 时钟 </title>
    <script type="text/javascript">
    function Clock() {
    var date = new Date();
    this.year = date.getFullYear();
    this.month = date.getMonth() + 1;
    this.date = date.getDate();
    this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
    this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
    this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
    this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
    
    this.toString = function() {
    return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
    };
    
    this.toSimpleDate = function() {
    return this.year + "-" + this.month + "-" + this.date;
    };
    
    this.toDetailDate = function() {
    return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
    };
    
    this.display = function(ele) {
    var clock = new Clock();
    ele.innerHTML = clock.toString();
    window.setTimeout(function() {clock.display(ele);}, 1000);
    };
    }
    </script>
    </head>
    <body>
    <div id="clock" align="center"></div>
    <script type="text/javascript">
    var clock = new Clock();
    clock.display(document.getElementById("clock"));
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    移动端 viewport设置
    js 数组去重
    常用排序算法之JavaScript实现
    当Table中td内容为空时,显示边框的办法
    html5标签
    CSS z-index 属性的使用方法和层级树的概念
    seajs第二节,seajs各模块依赖关系
    seajs第一节,seajs基本使用
    强大的矢量图形库:Raphael JS 中文帮助文档及教程
    apache日志轮转
  • 原文地址:https://www.cnblogs.com/caizhendong/p/5456019.html
Copyright © 2011-2022 走看看