• JS时钟


    1.当前时间的显示(小时钟)  

      <script language="Javascript" type="text/javascript">

                        setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
                        window.onload = function (){
                        setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
                             }

                </script>

    <div id="timer" style=" 200px;"></div> 


    2.当前时间的显示(小时钟)  

    <script>

    function tick() {
    var hours, minutes, seconds, xfile;
    var intHours, intMinutes, intSeconds;
    var today, theday;
    today = new Date();
    function initArray(){
    this.length=initArray.arguments.length
    for(var i=0;i<this.length;i++)
    this[i+1]=initArray.arguments[i] }
    var d=new initArray(
    "星期日",
    "星期一",
    "星期二",
    "星期三",
    "星期四",
    "星期五",
    "星期六");
    theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() +" "+ d[today.getDay()+1];
    intHours = today.getHours();
    intMinutes = today.getMinutes();
    intSeconds = today.getSeconds();
    if (intHours == 0) {
    hours = "12:";
    xfile = "午夜";
    } else if (intHours < 12) {
    hours = intHours+":";
    xfile = "上午";
    } else if (intHours == 12) {
    hours = "12:";
    xfile = "正午";
    } else {
    intHours = intHours - 12
    hours = intHours + ":";
    xfile = "下午";
    }
    if (intMinutes < 10) {
    minutes = "0"+intMinutes+":";
    } else {
    minutes = intMinutes+":";
    }
    if (intSeconds < 10) {
    seconds = "0"+intSeconds+" ";
    } else {
    seconds = intSeconds+" ";
    }
    timeString = theday+" "+xfile+" "+hours+minutes+seconds;
    Clock.innerHTML = timeString;
    window.setTimeout("tick();", 100);
    }
    window.onload = tick;

    </script>

     调用方法:

    <div id="Clock" style=" 200px;"></div>

  • 相关阅读:
    legend3---videojs存储视频的播放速率便于用户观看视频
    legend3---mathjax的动态渲染问题解决
    matplotlib库疑难问题---10、画直方图
    matplotlib库疑难问题---9、画箭头(综合实例)
    js释放图片资源
    javascript中的原型与原型链
    前端跨域方式
    matplotlib清除 axes 和 figure
    matplotlib画直方图细解
    CentOS 7.8 安装 Python 3.8.5
  • 原文地址:https://www.cnblogs.com/zhangq723/p/1785287.html
Copyright © 2020-2023  润新知