zoukankan      html  css  js  c++  java
  • js动态时间(转)

    html代码

    <span  id="timeShow" show_cur_times()></span>
    

    js代码

    $(function(){
        //设置1秒调用一次show_cur_times函数
        setInterval("show_cur_times()",100);
    });
    
    function show_cur_times(){
    //获取当前日期
        var date_time = new Date();
        //定义星期
        var week;
        //switch判断
        switch (date_time.getDay()){
            case 1: week="星期一"; break;
            case 2: week="星期二"; break;
            case 3: week="星期三"; break;
            case 4: week="星期四"; break;
            case 5: week="星期五"; break;
            case 6: week="星期六"; break;
            default:week="星期天"; break;
        }
    
        //年
        var year = date_time.getFullYear();
        //判断小于10,前面补0
        if(year<10){
            year="0"+year;
        }
    
        //月
        var month = date_time.getMonth()+1;
        //判断小于10,前面补0
        if(month<10){
            month="0"+month;
        }
    
        //日
        var day = date_time.getDate();
        //判断小于10,前面补0
        if(day<10){
            day="0"+day;
        }
    
        //时
        var hours =date_time.getHours();
        //判断小于10,前面补0
        if(hours<10){
            hours="0"+hours;
        }
    
        //分
        var minutes =date_time.getMinutes();
        //判断小于10,前面补0
        if(minutes<10){
            minutes="0"+minutes;
        }
    
        //秒
        var seconds=date_time.getSeconds();
        //判断小于10,前面补0
        if(seconds<10){
            seconds="0"+seconds;
        }
    
        //拼接年月日时分秒
        var date_str = year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds+" "+week;
    
        //显示在id为showtimes的容器里
        document.getElementById("timeShow").innerHTML= date_str;
    }
    

      

  • 相关阅读:
    使用NSIS打包程序
    vue.config.js 的完整配置(超详细)!
    前端 Electron Nsis Web 安装包配置方法
    使用NSIS制作安装包
    Echarts X轴(xAxis)
    Windows环境下Jenkins打包、发布、部署
    一、NSIS介绍
    织梦DEDECMS首页调用单页文档内容并带过滤HTML的方法
    php调试方法
    jQuery 图片轮播滚动效果
  • 原文地址:https://www.cnblogs.com/yulingjia/p/6693036.html
Copyright © 2011-2022 走看看