`

js获取当前时间(时刻变化的)

 
阅读更多


function tick()  
{  
var year,month,day,hours,minutes,seconds,ap;  
var intYear,intMonth,intDay,intHours,intMinutes,intSeconds;  
var today;  
today=new Date();  
intYear=today.getYear()+1900;  
intMonth=today.getMonth()+1;  
intDay=today.getDate();  
intHours=today.getHours();  
intMinutes=today.getMinutes();  
intSeconds=today.getSeconds();  
//获取系统时间的小时数  
if(intHours==0)  
{  
hours=intHours+":";  
ap="凌晨";  
}  
else if(intHours<12)  
{  
hours=intHours+":";  
ap="早晨";  
}  
else if(intHours==12)  
{  
hours=intHours+":";  
ap="中午";  
}  
else 
{  
intHours=intHours-12;  
hours=intHours+":";  
ap="下午";  
}  
//获取系统时间的分数  
if(intMinutes<10)  
{  
minutes="0"+intMinutes+":";  
}  
else 
{  
minutes=intMinutes+":";  
}  
//获取系统时间的秒数  
if(intSeconds<10)  
{  
seconds="0"+intSeconds+" ";  
}  
else 
{  
seconds=intSeconds+" ";  
}  
timeString=intYear+'年'+intMonth+'月'+intDay+'日'+hours+minutes+seconds+ap;  
document.getElementById("Clock").innerHTML=timeString;  
//每隔0.1秒钟执行一次tick函数  
window.setTimeout("tick()",100);  
}  
window.onload=tick;  
//document.getElementById("Clock").innerHTML=timeString;  
// --></mce:script>  
body中的div为:<div id="Clock"></div 

分享到:
评论

相关推荐

    JS手动改变table的宽度

    1. **监听选中事件**: JavaScript提供了`selection`对象来获取当前选中的文本。可以监听`mouseup`事件来捕获用户完成选择的时刻。 ```javascript document.addEventListener('mouseup', function() { var ...

    javascript经典特效---时间警告器.rar

    然后,我们使用JavaScript的Date对象来获取当前时间,并与目标时间进行比较。通过计算两者之间的差值,我们可以得出剩余的毫秒数。 接着,我们可以设置一个定时器(通常使用`setInterval`函数),每隔一定时间...

    JS实现精确到毫秒的彩色方块倒计时特效源码.zip

    为了实现毫秒级的精度,我们可以直接使用这个方法获取当前时间,并与目标时间进行比较。 2. 计算剩余时间: 倒计时的计算基于目标时间(例如,一个特定的日期和时间)与当前时间的差值。这个差值可以表示为毫秒,...

    battery.js

    1. **检查电池状态**: 通过`navigator.battery`对象,开发者可以获取当前电池的状态,包括充电状态(charging)、充电时间(chargingTime)、放电时间(dischargingTime)以及电量百分比(level)。 2. **监听电池...

    DateTimePicker微信小程序日期选择年月日时分秒

    - `bindchange`: 当选择项发生变化时触发,返回当前选中的日期时间。 例如,我们可以定义以下JS逻辑来处理`bindchange`事件: ```javascript Page({ data: { selectedTime: '2022-01-01T00:00:00' }, ...

    js动画效果

    1. 时间戳与定时器:在JS中,通过`Date.now()`或`performance.now()`获取当前时间戳,结合`setTimeout()`或`setInterval()`实现动画的定时执行。这两个函数用于在指定延迟后执行函数,`setTimeout()`仅执行一次,而`...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    在HTML和JavaScript中,有三个关键的事件可以用来监听浏览器窗口的状态变化:`onload`、`onunload`、以及`onbeforeunload`。其中: 1. `onload`事件发生在页面加载完成后。 2. `onunload`事件发生在浏览器窗口即将...

    跨年烟花代码+js+庆祝

    例如,JavaScript可以获取当前时间,并在特定时刻(如0点0分)触发烟花的集中爆发,营造出新年来临的壮观场景。 对于毕业设计或小程序开发而言,这个项目提供了一个很好的实践平台,帮助学习者掌握JavaScript的基本...

    javascript倒计时效果实现

    在JavaScript中,倒计时效果是一种常见的功能,广泛应用于团购、电商、门户等网站,用于显示重要时刻,如时间显示、倒计时差、限时抢购等。在本文中,我们将探讨三种不同的JavaScript倒计时效果的实现方法,以及如何...

    JavaScript实现的抛物线轨迹工具

    2. **计算每个时间步长内的位移**:使用运动学方程计算物体在每一步的位置变化。 3. **绘制轨迹**:根据物体的当前位置更新画布上的点,形成轨迹线。 4. **碰撞检测**:检查物体是否超出屏幕范围,以便停止模拟。 5....

    html中radio值的获取、赋值、注册事件示例详解

    使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,之后再获取其值或属性。例如: ```javascript var group1 = $("[name='group1']").filter(":...

    用js统计用户下载网页所需时间的脚本

    `getDate()` 函数用于获取当前时间的秒数和毫秒数。通过 `new Date()` 创建一个Date对象,然后使用 `getUTCSeconds()` 和 `getUTCMilliseconds()` 方法分别获取时间的秒和毫秒部分。这些时间值被拼接成字符串并返回...

    网页模板——Vue.js仿酷狗音乐播放器特效代码.zip

    Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。这个网页模板项目是基于Vue.js技术,模仿了酷狗音乐播放器的特效,为开发者提供了一个实现音乐播放功能的参考示例。通过学习和理解这个项目,我们...

    圣诞节表白代码html版

    这种效果可能是为了增加表白的浪漫氛围,例如随着时间的推移,页面上会出现不同的文字、图片或动画,或者在特定的时刻(如12月25日圣诞节当天的某个特定时间)展示特别的信息。 标签“html 前端”进一步明确了这个...

    通过JS判断联网类型和连接状态的实现代码

    中国的移动网络环境复杂,...还提供了一个监听方法,来时刻监听接入环境的变化情况。现实中我们发现很多浏览器并没有返回bandwidth值,而且遵守了Working Draft 07 June 2011的协议返回给我们type(类型,wifi/2g/3g

    JavaScript中的getMilliseconds()方法使用详解

    当你运行这段代码,浏览器会显示出当前时间的毫秒数,每次刷新页面,这个数字都会变化,因为它取决于你运行代码的精确时刻。 ### 应用场景 `getMilliseconds()`方法在以下几个场景中非常有用: 1. **时间精度提升...

    eTime:基于宇宙节奏的时间

    在eTime项目中,开发者可能首先会获取当前地理位置的日出和日落时间,这通常需要结合特定的API或天文算法来完成。例如,可以使用`Geolocation API`获取用户位置,并结合公开的天文数据服务(如NASA的Astronomy API)...

    前端项目-moment-timezone.zip

    - 获取特定时区的当前时间或指定日期和时间。 - 转换时间到不同的时区。 - 根据用户所在的时区显示时间。 - 处理夏令时转换。 - 进行时区相关的计算,比如找出两个时区之间的时差。 例如,你可以通过以下代码将一个...

    Web性能测试术语解析

    - **定义**:客户端获取页面所需资源(如图片、CSS、JavaScript文件等)所需的时间。 - **优化手段**:通过CDN分发、资源合并、缓存机制等方法来降低资源获取时间。 #### 三、总结 在进行Web性能测试时,不仅要...

    JS设置下拉列表框当前所选值的方法

    `defaultSelected`属性用于设置选项在初始加载时的状态,而`selected`属性则用于设置选项在当前时刻是否被选中。 接下来,我们看看如何在JSP页面中直接设置下拉列表框的当前选中项。这里我们利用JSP的条件语句`...

Global site tag (gtag.js) - Google Analytics