javaScript实现时间显示...

最新推荐文章于 2025-09-19 10:30:45 发布
最新推荐文章于 2025-09-19 10:30:45 发布 · 123 阅读 · 0
文章标签：

#javascript #xhtml #ViewUI

本文介绍了一种使用 JavaScript 在网页上实现动态时间显示的方法。通过编写简单的 JavaScript 函数，可以实时更新显示当前的时间日期，并根据星期几改变字体颜色。

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript 时间显示</title> </head> <body> <span id=localtime></span> <mce:script type="text/javascript"><!-- function showLocale(objD) { var str,colorhead,colorfoot; var yy = objD.getYear(); if(yy<1900) yy = yy+1900; var MM = objD.getMonth()+1; if(MM<10) MM = '0' + MM; var dd = objD.getDate(); if(dd<10) dd = '0' + dd; var hh = objD.getHours(); if(hh<10) hh = '0' + hh; var mm = objD.getMinutes(); if(mm<10) mm = '0' + mm; var ss = objD.getSeconds(); if(ss<10) ss = '0' + ss; var ww = objD.getDay(); if ( ww==0 ) colorhead="<font color=/"#FF0000/">"; if ( ww > 0 && ww < 6 ) colorhead="<font color=/"#373737/">"; if ( ww==6 ) colorhead="<font color=/"#008000/">"; if (ww==0) ww="星期日"; if (ww==1) ww="星期一"; if (ww==2) ww="星期二"; if (ww==3) ww="星期三"; if (ww==4) ww="星期四"; if (ww==5) ww="星期五"; if (ww==6) ww="星期六"; colorfoot="</font>" str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot; return(str); } function tick() { var today; today = new Date(); document.getElementById("localtime").innerHTML = showLocale(today); window.setTimeout("tick()", 1000); } tick(); // --></mce:script> <p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" mce_href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p> </body> </html>

iteye_9104
关注
手把手教程，用JavaScript简单实现动态显示时间详细步骤（附详细源码）
qq_69932108的博客
08-06 1970
用JavaScript简单实现动态显示时间详细步骤，动态时间
用JavaScript实现网页曲线图动态信息显示.pdf
01-03
用JavaScript实现网页曲线图动态信息显示.pdf 本文主要介绍了如何使用JavaScript实现网页曲线图动态信息显示。曲线图是数据分析中常用的数据表现方式，但传统的曲线图只能显示宏观的变化趋势和走势，无法显示具体的...
使用Javascript显示时间
weixin_33845881的博客
01-07 253
how to use javascript show the time? code: &lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var...
JavaScript显示详细的时间
jordantoto的专栏
10-17 623
<!doctype html> <html> <head> <meta charset="utf-8"> <title>当前时间</title> </head> <script type="text/javascript"> function disptime() { var today = ne...
javascript显示日期
wyhwlls的专栏
11-16 1089
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;script type="text/javascript"&gt;  function displayDate() { document.getElementById("demo").innerHTML=Date(); } &lt;/script&gt; &lt;body&gt; &lt;button t
JavaScript实时显示当前时间
热门推荐
HerryDong的博客
12-13 1万+
JavaScript主要使用DateDate中的getMonth()方法返回值从0开始计数，获取日期需要使用getDate()方法，而不是getDay()方法。如果要实时获取时间，则需要使用Date结合定时器实现，下面介绍两种实现方法。使用和setTimeout都可以实时获取当前时间，如果你对递归深恶痛绝的话，那还是推荐使用，毕竟看起来更加简单直观。
javascript实现根据时间段显示问候语的方法
10-24
在本例中，我们用JavaScript获取当前时间，并根据时间显示相应的问候语。 2. Date对象的使用 在JavaScript中，Date对象提供了日期和时间的操作功能。通过创建Date对象实例，可以获取当前的日期和时间。在示例代码中...
javascript经典特效---时间各地时间显示.rar
01-04
在`时间各地时间显示.htm`文件中，HTML元素（如`<div>`或`<span>`）将用于显示时间。JavaScript可以通过DOM操作（如`innerHTML`属性）来修改这些元素的内容，展示最新的时间信息。 6. **地理定位**： 如果用户...
javascript经典特效---特酷的文字时间显示.rar
01-11
在“javascript经典特效---特酷的文字时间显示.rar”这个压缩包中，我们聚焦的是一个使用JavaScript实现的炫酷文字时间显示特效。这个特效能够实时更新当前的时间，并以独特、吸引人的形式展示在网页上，提升用户...
javascript经典特效---最简单时间显示.rar
03-08
在“javascript经典特效---最简单时间显示.rar”这个压缩包中，包含了一个名为“最简单时间显示.htm”的文件，这通常意味着我们将探讨如何使用JavaScript来实时显示系统时间。 在网页开发中，时间显示是一个常见的...
利用JAVASCRIPT实现时间段的查询
zgqtxwd的专栏
05-01 595
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
JavaScript实时时钟教程：HTMLClock
weixin_29301059的博客
09-13 1725
本文还有配套的精品资源，点击获取 简介：HTMLClock是一个使用JavaScript创建的基本时钟项目，它能够实时显示当前时间，并在网页上动态更新。本项目通过Date对象、定时器、DOM操作、时间格式化、响应式设计、JavaScript事件处理和ES6语法，展示了如何在浏览器端动态显示时间。HTMLClock不仅是一个实践项目，也有助于初学者理解JavaScript的这...
HTML 显示系统时间
iteye_9815的博客
06-19 217
代码1:(显示静态时间) var myDate = new Date(); document.write(myDate.toLocaleString()) 代码2:(显示动态时间) function show(){ var date = new Date(); //日期对象 var now = ""; now = date.getFullYear()+"年";...
Javascript-显示系统时间
開拓者-ASP.NET、BI
04-27 719
/*JS-显示系统时间*/function showLocale(objD) {    var str, colorhead, colorfoot;    var yy = objD.getYear();    if (yy 1900) yy = yy + 1900;    var MM = objD.getMonth() + 1;    if (MM 10) MM = '0' + MM;  
JavaScript动态实时显示当前时间完整实现方案
最新发布
weixin_30205153的博客
09-19 923
进一步抽象可引入专用绑定属性，用于声明该元素为时间渲染目标，并指定其格式类型：初始化时统一注册：// 缓存解析结果});// 启动定时器});}, 1000);此设计使得HTML结构与JavaScript逻辑高度解耦，新增时钟只需添加带的元素即可自动接入系统，符合现代组件化开发理念。+init()
javaScript时间动态显示
h
07-11 3566
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
【JavaScript】动态显示当前时间
Ai-Fairy的博客
08-02 3257
用js动态显示当前时间，能实现用12小时制表示，当时间小于10时，会自动补0，能根据时间显示切换am，pm等
JS自动走的时钟【定时器】
FF_Chen的博客
09-12 899
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="pD.
使用JavaScript获取当前时间并显示出来
qq_44505797的博客
01-18 1万+
开发工具与关键技术：DW html css3 作者：Mr_肖先生 撰写时间：2019年1月18日 首先我们需要创建一个html文件，再创建一个js文件，然后引入js文件，我们给html嵌一个div盒子，里面添加一个id名叫timer，在js里需要用到，备注：id名字是自定义的，可以任意，但是要规范。 &amp;amp;lt;!doctype html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;
JavaScript实现动态实时时间显示
5. 使用定时器：调用`setTimeout`方法，设置每1000毫秒（即1秒）执行一次`showTime()`函数，实现时间的实时刷新。 在HTML部分，有一个`<div>`标签，id为`showtime`，这是用来显示动态时间的容器。当运行这段...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值