`

js中的时间显示

    博客分类:
  • js
阅读更多

<script type="text/javascript">

//取得系统服务器时间

var date = $("#date").text();

var time = $.trim(date);

var ss = time.substring(6,8);

var mm = time.substring(3,5);

var hh = time.substring(0,2);

//设置js刷新时间,注意进制问题

var s = parseInt(ss,10);

var m = parseInt(mm,10);

var h = parseInt(hh,10);

var t;

function timedCount()

{

//显示时候是一位数字时候前面加0

var ks;

var km;

var kh;

if(s<10){

ks = "0"+s;

}else{

ks = s;

}

if(m<10){

km = "0"+m;

}else{

km = m;

}

if(h<10){

kh = "0"+h;

}else{

kh = h;

}

//显示时间

 

document.getElementById('showtime').value = kh+":"+km+":"+ks;

//随着时间增加 动态改变 时 分 

s = s+1;

if(s > 0 && (s%60)==0){

m += 1;

s = 0;

}

if(m > 0 && (m%60)==0){

h += 1;

m = 0;

if(h == 24){

h = 0;

}  

t = setTimeout("timedCount()",1000);

}

timedCount();

 

</script>

分享到:
评论

相关推荐

    动态显示当前时间的js

    在JavaScript编程中,动态显示当前时间是一个常见的需求,特别是在网页设计和开发中。"动态显示当前时间的js"就是一种实现这一...通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

    时间线js 根据时间进度 显示节点位置

    在本案例中,“时间线js 根据时间进度 显示节点位置”表明我们正在处理一个JavaScript实现的时间线组件,它能够动态更新,以反映时间的流逝和进度变化,并且能够在时间线上定位各个关键节点。 首先,我们需要理解...

    js时间显示

    总之,“js时间显示”这个话题涵盖了JavaScript中的日期和时间处理,包括创建Date对象、获取和格式化时间、处理时区差异,以及可能使用到的第三方库。通过学习和实践这些知识点,开发者能够更好地在网页或其他...

    js显示时间日期

    ### JavaScript 实现动态显示当前时间日期 在网页开发过程中,我们常常需要在页面上动态地显示当前的时间和日期。这不仅可以提升用户体验,还能为开发者提供更丰富的功能选项,例如记录日志、定时任务等。本文将...

    js动态显示系统当前时间

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用开发,能够操作和控制网页中的元素,实现动态效果。在本例中,我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript...

    javascript实时显示北京时间的方法

    本文实例讲述了javascript实时显示北京时间的方法。分享给大家供大家参考。具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下:[removed] Date.prototype....

    javascript时间显示各种特效

    本文将围绕“javascript时间显示各种特效”这一主题,详细讲解JavaScript在处理时间显示上的常见技巧和特效。 1. **时间格式化**: JavaScript中的Date对象是处理日期和时间的基础。我们可以使用`Date()`构造函数...

    JS动态显示当前时间

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

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

    在JSP页面中,我们可以通过两种方式引入JavaScript代码来实现实时时间显示: 1. **内联脚本**:直接在`&lt;script type="text/javascript"&gt;`标签中编写JavaScript代码。 2. **外部脚本文件**:将JavaScript代码保存在...

    JS实现HTML页面中动态显示当前时间完整示例

    主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下

    js点一下按钮,显示当前时间信息

    在JavaScript编程语言中,"js点一下按钮,显示当前时间信息"这个主题涉及到网页交互的基本概念,特别是事件处理和DOM操作。在这个场景中,我们通常会创建一个按钮元素,然后为它绑定一个点击事件监听器。当用户点击...

    JavaScript 类似微信历史聊天时间样式

    在JavaScript编程中,有时我们需要创建特定的用户界面,比如模拟微信聊天时间的显示方式。这个需求涉及到日期和时间的处理,以及根据当前...通过以上分析,你可以根据自己的需求定制一个适应不同场景的时间显示功能。

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

    // 更新DOM元素中的时间显示 document.getElementById('time').innerText = formatTime(now); } setInterval(updateTime, 1000); // 每秒更新一次 ``` 6. **HTML 结合 JavaScript** 在"js显示时间 农历 节日 ...

    js时间控件大全 只显示年月

    在JavaScript编程中,时间控件是一种用户界面元素,允许用户选择日期或时间。在这个压缩包文件中,我们有两个专门设计用于显示年月的时间控件,它们可能是为了简化日期选择过程,仅提供年份和月份的选择,而不涉及...

    js即时显示时间代码

    这个例子只是一个基础的实时时间显示,实际应用中可能需要考虑更多因素,如时区、国际化等。此外,还可以根据需求进行样式美化,使其更符合网页设计。通过深入学习JavaScript的DOM操作和CSS,可以进一步定制和优化这...

    js 时间插件(带时分秒)

    JavaScript时间插件是一种用于网页应用中的工具,它能够帮助开发者创建和管理与时间相关的功能,如显示当前时间、倒计时、计时器等。在网页设计中,尤其是在需要实时更新时间或者创建交互式时间元素的场景下,这类...

    JS显示时间的函数代码,简单明了

    ### JS显示时间的函数代码详解 #### 一、概述 在Web前端开发中,经常需要在页面上显示当前时间或日期。JavaScript作为一种广泛使用的客户端脚本语言,提供了强大的日期和时间处理功能。本文将详细介绍一个简单的...

    JS实现日期时间动态显示的方法

    在JavaScript中,动态显示日期和时间是一项常见的需求,特别是在网页应用中。本文将详细解析如何使用JavaScript实现这一功能,特别是通过实例代码来说明具体的实现步骤。 首先,我们要明白JavaScript中的`Date`对象...

    js 特效 html 特效 时间各地时间显示

    js 特效 html 特效 时间各地时间显示 js 特效 html 特效 时间各地时间显示

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...

Global site tag (gtag.js) - Google Analytics