zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Python使用 odbc、jdbc与 Object Relational Mapping (ORM)进行数据库开发
    Tensorflow安装
    学生作业
    大学课程推荐
    人工智能的开发工具
    android开发
    jdbc-odbc桥
    开博随记
    利用jq实现自适应边缘情况的气泡Tip
    一篇完整的FlexBox布局指南
  • 原文地址:https://www.cnblogs.com/zhangq723/p/1785287.html
Copyright © 2011-2022 走看看