Dom 文本时钟

来源:互联网 发布:服装软件 编辑:程序博客网 时间:2024/06/16 04:51
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">    <title></title>    <style type="text/css">    </style></head><body><div id="div01"></div></body></html><script type="text/javascript">    //在页面上以文本形式显示当前时间 yyyy-MM-dd HH:mm:ss , 每秒钟刷新一次        //以yyyy-MM-dd HH:mm:ss这种格式 获得当前时间的日期字符串        function getDateString(){            var now = new Date();            var str = "";            str = str + now.getFullYear();            str += "-";            var month = now.getMonth()+1;            if(month<10){                str += "0";            }            str += month;            str += "-";            var days = now.getDate();            if(days<10){                str += "0";            }            str += days;            str += " ";            var hour = now.getHours();            if(hour<10){                str += "0";            }            str += hour;            str += ":";            var min = now.getMinutes();            if(min<10){                str += "0";            }            str += min;            str += ":";            var sec = now.getSeconds();            if(sec<10){                str += "0";            }            str += sec;            return str;        }        //1 先把当前日期的文本弄好        //2 把时间文本显示在页面上        //3 每隔一秒刷新一次        setInterval(function(){            var div01 = document.getElementById("div01");            div01.innerHTML = getDateString();        },1000);</script>
原创粉丝点击