Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

    JS时钟

    编辑:教程网 来源:网络 时间:2011年11月07日 16:49

    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=" width: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=" width:200px;"></div>


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/31900.html

  • 上一篇:Javascript文档生成
  • 下一篇:一个简单的javascript菜单