`

js时钟

 
阅读更多

第一种:本地时间,获取的是访问者机器的时间:

function changeClock(){
	var d = new Date();
	d.setTime(a); 
	document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock, 1000);
 

 

第二种:服务器时间,也就是数据库时间(这种方法并不好,刷新时就不可以继续更新了。所以只能通过ajax):

首先要去数据库查询时间:select to_char(sysdate,'yyyy-MM-dd hh24:mi:ss') from dual;  

然后把获取的时间转成毫秒数,传到前台页面(例如放入attribute中的是"time")。然后执行代码:

 

 

<script type="text/javascript">
var a=parseInt('${time}');//例如time='1322195034000';
var d = new Date();
function changeClock(){
	a=a+1000;
	d.setTime(a); 
	document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock, 1000);
</script>
分享到:
评论

相关推荐

    node.js时钟案例

    总结来说,"node.js时钟案例"是一个综合性的项目,涉及到Node.js服务器端编程、HTML和CSS的处理、JavaScript的执行以及前端交互设计。通过学习和实践这个案例,开发者可以加深对Node.js、前端技术和动态Web页面构建...

    js时钟特效

    JavaScript时钟特效是一种利用JavaScript编程语言创建的动态时钟展示方式,它可以为网站增添互动性和视觉吸引力。在这款"js时钟"项目中,开发者通过编写JavaScript代码模拟了传统指针式时钟的工作原理,使得网页上的...

    Javascript时钟

    JavaScript时钟是一种常见的网页动态效果,它通过JavaScript编程语言实现,可以实时显示当前时间或日期。在本篇文章中,我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟,并理解其背后的原理。 首先,我们...

    基于WebHTML的js时钟作业

    在本项目中,我们探讨的是一个基于WebHTML的JavaScript时钟作业。这个时钟应用程序是用HTML5、CSS和JavaScript构建的,它实时显示计算机的当前时间,包括日期、星期以及具体的小时、分钟和秒数。这样的设计不仅有助...

    Js时钟特效

    以下是一个简单的JavaScript时钟特效的基本步骤: 1. 创建HTML结构:首先,你需要在HTML页面中添加一个元素来显示时钟。这可以是一个`&lt;div&gt;`或`&lt;span&gt;`,并为其设置适当的CSS样式以提高可读性和视觉吸引力。 ```...

    漂亮的js时钟样式网页代码.rar

    首先,JavaScript时钟的核心是Date对象。这个内置对象提供了获取当前日期和时间的方法,如`new Date()`用于创建一个新的Date实例,`getDate()`、`getMonth()`、`getFullYear()`分别用于获取日、月、年,`getHours()`...

    js时钟吃程序

    下面将详细讨论JavaScript时钟程序的核心概念、实现方法以及常见应用场景。 一、核心概念 1. `Date`对象:JavaScript中的`Date`对象是处理日期和时间的主要工具。它可以创建一个新的日期实例,并提供了多种方法来...

    JavaScript时钟

    JavaScript时钟是一个基于JavaScript编程语言实现的实时时间显示功能,它可以动态更新页面上的时间,为用户提供当前日期和时间。在网页开发中,JavaScript时钟常用于创建动态用户体验,例如显示实时倒计时、日程提醒...

    js时钟(以图片为素材).rar

    总的来说,创建一个JavaScript时钟是一个很好的实践项目,它能帮助开发者熟悉JavaScript的日期和时间处理、CSS3的transform属性以及定时器的使用。通过这个项目,你可以更深入地理解Web开发中的动态交互和实时更新...

    绿色荧光电子时钟js时钟特效源码下载

    综上所述,“绿色荧光电子时钟js时钟特效源码”涵盖了JavaScript基础、DOM操作、时间处理、CSS样式应用等多个方面,是学习和实践前端开发的好材料。通过研究这个源码,开发者可以提升自己在网页动态效果实现和交互...

    JS时钟代码.zip

    在这个"JS时钟代码.zip"压缩包中,包含了一个利用CSS3和JavaScript构建的简单电子时钟的源码。这个时钟可能是一个独立的HTML页面,通过内联样式或外部CSS文件实现了视觉效果,而JavaScript则负责动态更新时间。 ...

    漂亮JS时钟 很酷很炫

    在本案例中,"漂亮JS时钟"是一个利用JavaScript实现的视觉效果丰富的时钟应用,旨在提供一种时尚且吸引人的方式来显示时间。 首先,我们关注的核心文件是`clock.js`,这是一个JavaScript源代码文件,里面包含了实现...

    js 特效 html 特效 纯JavaScript时钟

    js 特效 html 特效 纯JavaScript时钟 js 特效 html 特效 纯JavaScript时钟

    javascript时钟

    javascript时钟,首先从服务器获取一个时间,再从本地机器上获取一个时间,计算时差A。然后每500毫秒从本地机器获取一次时间,用这个时间与时差A进行加减计算,得到服务器时间并打印在首页上。另外每次都要计算当前...

    javascript经典特效---纯JavaScript时钟.rar

    在本主题中,我们将深入探讨“纯JavaScript时钟”这一经典特效,它展示了JavaScript如何实时更新页面上的时间显示,无需依赖任何外部库,如jQuery。 在纯JavaScript时钟中,我们首先需要理解JavaScript的时间处理...

    js 时钟效果

    以上就是创建JavaScript时钟效果所需掌握的主要知识点,从基础的DOM操作到高级的性能优化,每个环节都是构建时钟效果不可或缺的一部分。通过实践这些概念,开发者可以创建出各种创新和富有吸引力的时钟界面。

    JS时钟。

    在这个“JS时钟”的主题中,我们将深入探讨如何使用JavaScript来创建一个实时显示时间的时钟。 首先,我们从“clock.html”文件入手。HTML是网页的基础结构,而在这个案例中,HTML文件可能包含了一个时间显示区域,...

Global site tag (gtag.js) - Google Analytics