您当前位置: 首页 >  WEB技术 >  JS输出当前时间(可自定样式)
2013/11/10 15:17:50 分类:WEB技术

JS输出当前时间(可自定样式)

 <html>
<head>
<title>时间输出</title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        function disptime() {
            var now = new Date(); //创建一个表示当前日期和时间的对象NOW
            var year = now.getYear();  //不行使用这个方法 :now.getFullYear()
            var month = now.getMonth() + 1;
            var date = now.getDate();
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();
            if (month >= 10) { month = month; }
            else { month = "0" + month; }
            if (date >= 10) { date = date; }
            else { date = "0" + date; }
            if (hours >= 10) { hours = hours; }
            else { hours = "0" + hours; }
            if (minutes >= 10) { minutes = minutes; }
            else { minutes = "0" + minutes; }
            if (seconds >= 10) { seconds = seconds; }
            else {seconds = "0" + seconds;}
            document.getElementById("timeShow").innerHTML = year + "-" + month + "-" + date + " &nbsp; &nbsp;" + hours + ":" + minutes + ":" + seconds + " ";
            setTimeout("disptime ()", 1000)
        } 
   </script>
</head>
<body onload="disptime()">
    <form id="form1" runat="server">
    <div>
    <span id="timeShow">时间</span>
    </div>
    </form>
</body>
</html>

本文由胡金金个人网站整理发布,转载请注明地址:http://www.hujinjin.com/info/374.html

凡标明来源于胡金金个人网站的文章,皆为本站整理发布,若转载此文必须附原文链接,对部分平台更改其文内容当自己原创者,胡金金个人网站将保留其追究权利!
个人资讯推荐
友情链接