<html>
<head>
<title> 显示年月日还有时间 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function date(){
//arguments JS自带的变量
this.length = arguments.length;
for(var i= 0; i < this.length; i ++){
this[i] = date.arguments[i];
}
}
function displaytime(){
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
//无聊,所以把时间分的细一点,看着比较专业:)
//0-2 午夜 2-5 凌晨 5-9 早上 9-12 上午 12-14 中午 14-18 下午 18-24 晚上
var ampm = "上午";
if (h >= 0 && h < 2) ampm = "午夜";
if (h >= 2 && h < 5) ampm = "凌晨";
if (h >= 5 && h < 9) ampm = "早上";
if (h >= 9 && h < 12) ampm = "上午";
if (h >= 12 && h < 14) ampm = "中午";
if (h >= 14 && h < 18) ampm = "下午";
if (h >= 18) ampm = "晚上";
//12小时制
if (h >12) h -= 12;
//补0
if (m < 10) m = "0" + m;
//补0
if (s < 10) s = "0" + s;
var time = ampm + h + ":" + m + ":" + s;
//年月日和星期
var day = new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var ymd = d.getYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日" + day[d.getDay()];
//取得显示位置
var tiemarea = document.getElementById("timearea");
timearea.innerHTML = ymd + " " + time;
setTimeout("displaytime()",1000);
}
//setInterval("displaytime()",1000);
//上面的setInterval作用同setTimeout,使用setTimeout的话需要在body处onload="displaytime();"
//5.21修改:用setInterval的话,在页面下载完JS后便会执行,可此时<div id="timeare"/>还没有被载入,getElementById("timearea")会找不到对象,所以还是用setTimeout()和onload吧。
//在onload时调用setInterval()应该也可以,不过没有试用
</script>
<style type="text/css">
#timearea{
font-size:14px;
color:red;
font-weight:bold;
}
</style>
</head>
<body onload="displaytime();">
<div id="timearea">time</div>
</body>
</html>
分享到:
相关推荐
而`js日期.html`很可能是HTML文件,其中通过`<script>`标签引入了`systime.js`,并且有一个特定的ID用于显示时间,例如: ```html <div id="currentTime"></div> ``` 在`systime.js`中,我们可以找到类似`document....
如果你想要以某种特定格式(如"HH:mm:ss")显示时间,可能需要自定义函数: ```javascript function formatTime(date) { let hour = date.getHours(); let minute = date.getMinutes(); let second = date....
// 定义一个函数用于显示时间 function showTime() { // 创建一个数组存储星期名称 var show_day = new Array('һ', 'ڶ', '', '', '', ''); // 获取当前时间 var time = new Date(); // 分别获取年、月、...
在本案例中,“时间线js 根据时间进度 显示节点位置”表明我们正在处理一个JavaScript实现的时间线组件,它能够动态更新,以反映时间的流逝和进度变化,并且能够在时间线上定位各个关键节点。 首先,我们需要理解...
在本例中,我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript获取系统时间是通过`Date`对象实现的。`Date`对象是JavaScript内置的对象,提供了多种方法来处理日期和时间。首先,我们可以...
本文实例讲述了javascript实时显示北京时间的方法。分享给大家供大家参考。具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下:[removed] Date.prototype....
如果在今天,只显示时间。 4. **星期计算**: 当时间在一周内时,`getTimeText` 使用 `Date` 对象的 `getDay()` 方法获取给定日期对应的星期几,然后与数组中的星期缩写匹配,以得到“星期一”到“星期日”的表示...
为了动态显示时间,我们需要使用JavaScript的定时器`setInterval`函数。这个函数每隔一定的时间(以毫秒为单位)执行一次指定的函数。例如,每秒更新一次时间: ```javascript function displayTime() { var now =...
有许多JavaScript库,如Moment.js和date-fns,提供更强大和便捷的日期时间处理功能。它们提供了丰富的API,可以轻松实现复杂的时间格式化、比较和计算。 总结,JavaScript在时间显示上的特效和处理涵盖了从基础的...
本文将深入探讨如何使用JavaScript实现这些功能,并基于提供的"js显示时间 农历 节日 - 自动刷新不带格式.html"文件进行讲解。 1. **JavaScript 获取当前时间** JavaScript 的 `Date` 对象是处理日期和时间的核心...
2. **外部脚本文件**:将JavaScript代码保存在一个单独的`.js`文件中,通过`<script type="text/javascript" src="dateJS.js">`标签引入到JSP页面中。这种方式有利于代码的复用和管理,尤其是在大型项目中。 #### ...
这里我们创建了一个id为`showTime`的按钮和一个id为`displayTime`的div元素,用于显示时间。`<script>`标签引入了名为`显示当前时间.js`的外部JavaScript文件,我们将在其中编写交互逻辑。 接下来,在`显示当前时间...
在本主题中,"js即时显示时间代码"是指利用JavaScript编写一段程序,实现在网页上实时更新当前的日期和时间,包括年、月、日、时、分、秒,并区分上午和下午。这样的功能对于网页计时器或者动态时钟非常有用,为用户...
在JavaScript编程中,时间控件是一种用户界面元素,允许用户选择日期或时间。在这个压缩包文件中,我们有两个专门设计用于显示年月的时间控件,它们可能是为了简化日期选择过程,仅提供年份和月份的选择,而不涉及...
js 特效 html 特效 点击显示时间 js 特效 html 特效 点击显示时间
将****-**-** *:**:**格式的时间转换成数字,由此可实现对时间先后发生顺序的判断等诸多操作。本例只以年月日小时这一部分做了处理,若要细化到分秒,思路皆是如此。
在这个场景中,我们讨论的是使用JavaScript实现一个实时显示时间的手表功能。"显示时间"通常指的是本地时间,而"手表时间"可能指的是模拟传统手表指针运动的视觉效果。我们将探讨如何用JS来实现这两种时间显示方式。...
### JS显示时间的函数代码详解 #### 一、概述 在Web前端开发中,经常需要在页面上显示当前时间或日期。JavaScript作为一种广泛使用的客户端脚本语言,提供了强大的日期和时间处理功能。本文将详细介绍一个简单的...
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
在IT领域,特别是前端开发中,使用JavaScript来显示当前时间是一项基本且常用的功能。下面将详细解析如何利用JavaScript实现这一功能,以及代码中涉及到的关键知识点。 ### 显示当前时间的JavaScript实现 #### 1. ...