本文是在http://ayaya.iteye.com/blog/153968的基础上进行改进，可以显示AM 和PM 有不同类型的显示：
代码有点乱，O(∩_∩)O~ 后两个日期没有优化，有兴趣可以自己改下哦~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js动态显示当前日期，时间和星期代码</title>
<script>
function getDate(){
var date=new Date();
var month=date.getMonth()+1;
var day=date.getDate();
if(month.toString().length == 1){ //或者用if (eval(month) <10) {month="0"+month}
month='0'+month;
}
if(day.toString().length == 1){
day='0'+day;
}
return date.getYear()+'/'+month+'/'+day+' '+date.toLocaleString().substring(date.toLocaleString().length-10)+' '+'星期'+'日一二三四五六'.charAt(date.getDay());
}
</script>
</head>
<body>
当前时间：<div id="time">
<script>
document.getElementById('time').innerHTML=getDate();
setInterval("document.getElementById('time').innerHTML=getDate();",1000);
</script>
</div>
<span id="day1">
<script>
document.getElementById('day1').innerHTML=new Date().getYear()+"年"+(new Date().getMonth()+1)+"月"+new Date().getDate()+"日"+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
</script>
</span>
<span id="day2">
<script>
document.getElementById('day2').innerHTML=new Date().toLocaleString();
setInterval("document.getElementById('day2').innerHTML=new Date().toLocaleString();",1000);
</script>
</span>
<br>
<p>
setInterval() 1秒后会执行,页面载入后会出现1秒空白<br>
要显示在一行，请使用<span>标签<br>
如果使用new Date().getHours()方法，下午的时间会返回12以上的值，我将它换为PM时间方式显示
</P>
</body>
</html>
分享到：
相关推荐
总的来说，"javascript美术馆改进版"是一个利用JavaScript实现的互动艺术展示平台，它展示了如何优雅地处理网页的动态性和交互性，同时遵循良好的编程实践，将显示逻辑和行为逻辑分开。通过学习这个项目，开发者可以...
【改进版纯JS日历】是一个基于JavaScript编程语言开发的日历组件，相比于早期版本，它在功能和用户体验上进行了优化和增强。此日历组件主要适用于网页应用，为用户提供直观的时间选择界面，允许用户轻松地设定起始...
描述中的"js腾讯科技热点推荐图片代码（改进版）"与标题相同，进一步确认了这个项目的核心内容——用JavaScript编写的，用于显示腾讯科技热点的图片推荐代码。由于没有提供更详细的描述，我们可以假设这个项目可能...
"JS彷翻页闹钟时间显示"项目就是这样一个例子，它使用了jQuery库来简化DOM操作和实现动态效果。 首先，我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
学习这个改进版的代码，可以帮助开发者提升JavaScript编程技巧，了解如何实现动态效果，以及如何优化代码性能。你可以尝试分析代码，理解其工作原理，并根据自己的需求进行二次开发。 总结，腾讯科技热点推荐图片...
这个"Android js与java交互改进最终版"项目旨在提供一个兼容性良好的解决方案，支持Android 4.2以下和4.2及以上版本。在这个项目中，我们主要会探讨两个核心组件：JS（JavaScript）和WebView。 **JavaScript (JS)**...
此原创改进版的控件解决了这个问题，当用户鼠标悬停在日期上时，会即时显示该日期对应的星期几，这在某些场景下非常实用，比如日程安排或者计划管理。 实现这个功能的关键在于利用jQuery的事件监听机制，特别是`...
在实际应用中，根据【描述】提到的“纯js动态树”和“如有更新，继续发布”，我们可以推断YEMATree可能是一个持续维护和更新的开源项目，开发者可以通过这个最新版本2.1.0获取到最新的特性和改进。使用这个库时，...
总的来说，jsTree 是一个功能强大、易于使用的 JavaScript 库，尤其适合构建动态的、交互式的树状数据视图。无论你是前端开发者还是需要在网页上展示层级结构数据的用户，jsTree 都能成为你的得力工具。
综上所述，"js 周控件修正版"是基于JavaScript实现的，用于网页上的日期显示和交互，特别适合于需要按周规划的场景。它的修正版针对原版的不足进行了优化，提高了性能和用户体验，并且可能增加了更多的定制化选项。...
1. **HTML和JavaScript**：前端部分主要由HTML和JavaScript（如MvcCorePager.js）负责，通过AJAX请求从服务器获取分页数据，并动态更新页面元素。 2. **C#和ASP.NET MVC Core**：在后端，开发者需要使用C#编写控制...
这个项目是一个改进版的密码显示功能，旨在提供一种方式让用户在输入密码时能够查看他们键入的内容。通常，密码输入框显示为星号或圆点，以保护用户的隐私，但这种设计也可能在某些情况下带来不便，比如用户不确定...
本文将深入探讨“jQuery中jhpage分页的改进版”，这是一个专为网页实现分页功能的插件，它在原有的基础上进行了优化，特别是增加了数据位置的显示功能，从而提供更友好的用户体验。 首先，我们来理解什么是分页。在...
在IT领域，jQuery是一个非常流行的JavaScript库，它...通过学习和理解这个改进版的jQuery进度条，开发者不仅可以提升自己的jQuery技能，还能掌握构建动态用户界面的技巧，这对于任何Web开发项目都是宝贵的实践经验。
本论坛的源程序来自于旅行的PHPの酷WDB论坛， 当前的是它的易风改进版， 其中对原版做了大量的完善及改进。 程序性质：免费，请继续复制和传播给其他需要它的朋友。 基本特性： 1、...
"焦点图例子改进版--大气"指的是对原有的焦点图设计进行了升级，使其更加大气且功能更完善。 在网页设计中，焦点图通常包含以下组成部分： 1. 图片容器：这是焦点图的基础框架，用于容纳多张图片。 2. 导航按钮：...
【标题】"jpopupwin 继jdialog之后改进版"所涉及的知识点主要集中在Java Swing组件的扩展以及JavaScript库的应用上。JPopupWin是针对Java Swing中的JDialog组件进行优化和增强的一个版本，旨在提供更美观、功能更...
CanvasJS 是一个强大的JavaScript库，专门用于在网页上创建交互式的图表和图形。这个无水印版本的CanvasJS，从标题和描述来看，应该是官方版本的一个定制化版本，去除了默认显示的水印，适用于那些希望在自己的项目...
JavaScript的时间处理能力在Web开发中非常关键，用于创建动态日历、计时器、倒计时、时间戳转换等多种功能。理解并熟练掌握这些技巧，能让你在前端开发中更加得心应手。 总的来说，这个案例涵盖了JavaScript处理...