`
adoph
  • 浏览: 5367 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js实现动态获取系统时间,显示到页面上

    博客分类:
  • JS
 
阅读更多
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>Lottery System</title>
</head>

<script type="text/javascript">
//获取系统时间,将时间以指定格式显示到页面。
function systemTime()
{
//获取系统时间。
var dateTime=new Date();
var hh=dateTime.getHours();
var mm=dateTime.getMinutes();
var ss=dateTime.getSeconds();

//分秒时间是一位数字,在数字前补0。
mm = extra(mm);
ss = extra(ss);

//将时间显示到ID为time的位置,时间格式形如:19:18:02
document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;

//每隔1000ms执行方法systemTime()。
setTimeout("systemTime()",1000);
}

//补位函数。
function extra(x)
{
//如果传入数字小于10,数字前补一位0。
if(x < 10)
{
return "0" + x;
}
else
{
return x;
}
}
</script>

<body onload="systemTime()">
<div id="time">
</div>
</body>
</html>
分享到:
评论

相关推荐

    js动态显示系统当前时间

    JavaScript获取系统时间是通过`Date`对象实现的。`Date`对象是JavaScript内置的对象,提供了多种方法来处理日期和时间。首先,我们可以创建一个新的`Date`对象实例,这将自动获取当前的日期和时间: ```javascript ...

    Js获取系统时间和获取本地IP

    Js 获取系统时间和获取...Js 获取系统时间和获取本地IP 是两个不同的概念,Js 获取系统时间是指在 JavaScript 中获取当前系统的时间,而获取本地IP 是指获取当前客户端的 IP 地址。两者都可以使用不同的方法来实现。

    使用javascript实时显示系统当前时间

    2. **外部脚本文件**:将JavaScript代码保存在一个单独的`.js`文件中,通过`&lt;script type="text/javascript" src="dateJS.js"&gt;`标签引入到JSP页面中。这种方式有利于代码的复用和管理,尤其是在大型项目中。 #### ...

    js获取页面上的时间和当前时间进行比较判断

    ### JS 获取页面上的时间和当前时间进行比较判断 在前端开发中,经常需要处理与时间相关的逻辑,例如验证用户输入的时间是否有效、判断某个事件是否已经过期等。本篇文章将详细解析如何使用JavaScript来获取页面上...

    实时获取并显示系统时间

    3. **获取系统时间**: 在JavaScript中,`Date`对象用于处理日期和时间。我们可以创建一个新的`Date`对象来获取当前系统时间,然后通过其方法如`getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`...

    JS动态获取运行时间代码

    在JavaScript(JS)中,动态获取网页运行时间是一项常见的需求,尤其对于性能分析或用户体验优化而言。这个场景可以通过监听浏览器的`performance`对象来实现,它提供了丰富的API用于度量和跟踪网页性能。本文将详细...

    java页面显示动态系统时间

    这是我从项目中抽取出来的用JS实现的Java实现页面动态获取时间的小例子,希望对大家带来帮助

    JS动态显示当前时间

    在JavaScript(JS)中,动态显示当前时间是一项基础但实用的功能,它允许网页上的时间信息实时更新,无需用户刷新页面。下面将详细讲解如何实现这一功能,并探讨相关的知识点。 首先,JavaScript提供了内置的Date...

    jsp实现页面实时显示当前系统时间的方法.docx

    本文将详细介绍如何使用JSP结合JavaScript来实现在页面上实时显示当前系统时间的功能。 #### 技术栈 - **JSP**: 用于创建动态网页。 - **JavaScript**: 用于处理客户端逻辑。 - **HTML**: 用于构建网页结构。 ####...

    js学习-数码时钟-动态显示当前时间

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它主要负责网页的动态交互,使得用户与页面之间有更丰富的互动体验。在这个“js学习-数码时钟”项目中,我们将探讨如何利用JavaScript来创建一个实时更新,...

    根据系统时间显示不同问候语代码

    ### 根据系统时间显示不同问候语代码 在网页设计中,通过JavaScript脚本实现根据当前时间显示不同的问候语是一种常见的交互方式。这种方式不仅能够增强用户体验,还能够为网站增添人性化的设计元素。下面我们就来...

    Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    本文提出的解决方案是服务器首先获取当前时间并显示在页面上,然后页面自动每隔一秒就累加一秒生成新时间,从而保证与服务器时间的同步。 总结来看,通过AJAX请求获取服务器时间,计算网络传输耗时以及用户电脑与...

    js显示时间 农历 节日节气 - 自动刷新不带格式

    要实现时间的自动刷新,可以使用 `setInterval` 函数,每隔一定时间(如1秒)更新页面上的时间显示。例如: ```javascript function updateTime() { var now = new Date(); // 更新DOM元素中的时间显示 ...

    Ajax无刷新异步调用后台方法获取系统时间显示

    如果请求成功,它会更新页面上的时间显示,并设置定时器每秒再次调用`fetchServerTime`。 3. **后台处理**:在服务器端,我们需要一个可以处理这个请求的API。如果你使用.NET框架,可以创建一个简单的Web API控制器...

    CSS+JS注册页面+显示当前时间

    例如,可以每隔一秒更新页面上的时间显示,让访客看到实时的时间。这可以通过`setInterval`函数来实现,该函数会按照指定的间隔重复执行一个函数。 在实际编码中,可能的实现步骤如下: 1. 使用HTML创建注册页面的...

    js实现动态显示时间效果

    总结来说,JavaScript实现动态显示时间效果主要涉及到以下几个关键点: 1. 使用`Date`对象获取当前时间。 2. 通过`getFullYear()`等方法获取时间的各个组成部分。 3. 使用字符串连接将时间部分组合成易读的格式。 4....

    动态显示系统时间.zip

    JavaScript可以用于浏览器端的动态时间显示,与后端Java应用通过Ajax或其他通信方式交互,获取服务器的系统时间并实时更新客户端的显示。 综上所述,实现Java动态显示系统时间涉及以下几个关键步骤: 1. 使用`java....

    jquery 动态显示时间

    当我们谈论“jQuery动态显示时间”,我们实际上是在讨论如何利用jQuery来实时更新页面上的时间显示,使用户能够看到当前的时间,而不是页面加载时的时间。 首先,我们需要明白JavaScript的时间处理是基于Date对象的...

    动态系统时间 js

    标题“动态系统时间 js”指的是使用JavaScript编程语言来创建一个实时更新的系统时间显示功能。JavaScript是一种广泛应用于网页和网络应用的脚本语言,尤其在客户端浏览器中的运用,它可以为网页添加交互性和实时性...

    jQuery动态地获取系统时间实现代码

    标题中的"jQuery动态地获取系统时间实现代码"指的是利用JavaScript的jQuery库来实时显示系统当前的时间。这个功能在网页上非常常见,例如用于显示实时更新的时钟或者记录页面最后更新时间等。jQuery是一个轻量级、高...

Global site tag (gtag.js) - Google Analytics