zoukankan      html  css  js  c++  java
  • 简单的计时器

    容器:

    <div id="time"></div>

    js代码:

    window.onload = function(){
        showTime();
        function checkTime(i){
            if(i<10){
                i = "0"+i;
            }
            return i;
        }
        function showTime(){
        var myDate = new Date();
        var year = myDate.getFullYear();
        var month = myDate.getMonth()+1;
        var date = myDate.getDate();
        var week = myDate.getDay();
        var h = myDate.getHours();
        var m = myDate.getMinutes();
        var s = myDate.getSeconds();
        var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        m = checkTime(m);
        s = checkTime(s);
        document.getElementById('time').innerHTML = year+'年'+month+'月'+date+'日'+arr[week]+'<br/>'+h+'时'+m+'分钟'+s+'秒';
        setTimeout(showTime,500);}
    }

    知识点:

    1. 各种获取时间的函数;
    2. 对特殊的值,如月,周,小时,分钟要进行处理;
    3. setTimeout函数的使用;
  • 相关阅读:
    开发周记
    开发日记03
    开发日记01
    MVC实例应用
    MVC概述
    23种设计模式简述
    xx系统属性分析
    淘宝网质量属性
    架构漫谈阅读笔记
    浅谈软件架构师工作流程
  • 原文地址:https://www.cnblogs.com/wayofeng/p/5621972.html
Copyright © 2011-2022 走看看