`

JS动态时间展示

阅读更多
/*!
 * 
 * Get System Time.
 * Compatible with IE and Firefox.
 * Author: yanxiaojia.
 * Copyright (c) 2010-2013 BudWare Soft All Rights Reserved.
 * 
 */

/**
 * 检查时间
 * @param {Object} i
 * @return {TypeName} 
 */
this.checkTime = function(i) {
	if (i < 10) {
		i = "0" + i;
	}
	return i;
}
/**
 * 获取系统时间
 */
this.getSysTime = function() {
	var today = new Date()
	var years = today.getFullYear();
	var months = today.getMonth();
	var d = today.getDate();
	var h = today.getHours();
	var m = today.getMinutes();
	var s = today.getSeconds();
	months = months + 1;
	months = checkTime(months);
	d = checkTime(d);
	m = checkTime(m);
	s = checkTime(s);
	var weekday = new Array(7);
	weekday[0] = "星期日";
	weekday[1] = "星期一";
	weekday[2] = "星期二";
	weekday[3] = "星期三";
	weekday[4] = "星期四";
	weekday[5] = "星期五";
	weekday[6] = "星期六";
	var w = weekday[today.getDay()]
	document.getElementById("showTime").innerHTML = years + "年" + months + "月"
+ d + "日 " + w + " " + h + ":" + m + ":" + s;
	setTimeout("getSysTime()", 500);
}

// 启动
window.onload = this.getSysTime;


<html>
<head>
<title> JS动态时间展示(兼容IE/FIREFOX) </title>
<meta name="Author" content="YanXiaoJia">
<script type="text/javascript" src="js/getTime.js"></script>
</head>
<body> 
   <div id="showTime"></div> 
</body>
</html>
分享到:
评论

相关推荐

    动态时间轴特效(html,js等)完整代码

    动态时间轴特效是一种常见的网页设计元素,用于展示一系列事件或数据按照时间顺序排列的效果。在网页设计中,这种效果能够帮助用户直观地了解信息的发展历程,例如公司历史、项目进度或者个人经历等。本资源包含完整...

    js动态实现美观的时钟展示显示

    在JavaScript中,动态实现美观的时钟展示显示是一项常见的任务,它可以用来提升网站或应用的用户体验。本教程将深入探讨如何使用JavaScript来创建一个实时更新、界面美观的时钟组件。 首先,我们需要理解时间的基本...

    横向时间轴插件_js_时间轴_

    标题中的“横向时间轴插件_js_时间轴_”指的是一个使用JavaScript编写的,用于展示时间线的插件。在Web开发中,时间轴插件常用于以视觉化的方式展示事件序列,比如历史事件、项目进度或者新闻更新等。这个插件可能是...

    JS动态显示当前时间

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

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

    在JavaScript编程中,有时我们需要创建特定的用户界面,比如模拟微信聊天时间的显示方式。这个需求涉及到日期和时间的处理,以及根据当前时间与给定时间的比较来展示不同的时间格式。以下是一些关于实现“JavaScript...

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

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

    动态加载外部JS文件

    动态加载外部JS文件是网页开发...总结,动态加载外部JS文件是优化网页性能的重要手段,它能改善用户体验,减少首屏加载时间,同时便于代码组织和管理。理解并掌握动态加载的原理和方法,对于提升Web开发技能至关重要。

    js广告展示特效

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发,包括广告展示特效的实现。JS广告展示特效是利用JavaScript语言特性来创建吸引用户注意力、提高用户互动性的广告表现形式。在...

    Javascript动态网页编程源代码

    7. **第11章**:可能讨论了JavaScript的时间和日期处理,以及定时任务,如setTimeout和setInterval,这些都是构建动态效果和定时任务的常见应用场景。 通过研究这些章节的源代码,开发者可以深入理解JavaScript的...

    js 时间插件(带时分秒)

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

    js时间轴插件

    JavaScript时间轴插件是一种在网页上展示序列事件或数据流的有效工具。它们通常用于项目管理、历史记录展示、新闻更新或者其他需要按照时间顺序呈现信息的场景。本篇将深入探讨"js时间轴插件"的核心概念,以及如何...

    js各种效果展示

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责网页的动态交互。在"js各种效果展示"这个主题中,我们可以探讨JavaScript实现的各种炫酷和实用的效果,这些效果极大地丰富了用户体验,使得...

    javascript 时间刻度尺插件

    JavaScript时间刻度尺插件是一种用于可视化时间轴的工具,常用于数据展示、日程管理或图表绘制等场景。它能够帮助用户清晰地看到时间序列上的各个关键点,提高数据的可读性和交互性。在本文中,我们将深入探讨这个...

    JS秒杀时间代码,动态时间

    在秒杀场景中,JS负责在用户界面上实时展示剩余的秒杀时间,通常以倒计时的形式出现。 1. **动态时间**:动态时间是指随着时间的流逝,页面上的时间显示会实时变化。在秒杀活动中,这意味着用户可以看到商品剩余可...

    js实现动态背景图效果

    在JavaScript(简称JS)编程中,动态背景图效果是一种常见的增强网页交互性的技术。通过巧妙地运用CSS和JavaScript,我们可以让网页的背景图像产生各种动态效果,如滚动、淡入淡出、移动或循环播放等。下面将详细...

    js时间轴组件

    JavaScript时间轴组件是一种用于在网页上展示序列事件的可视化工具,它可以帮助用户更好地理解数据的顺序和时间关系。本文将详细介绍这种基于JavaScript的时间轴组件及其使用。 首先,时间轴组件通常包含一系列标记...

    js仿flash动态图片弹窗展示效果.rar

    "js仿flash动态图片弹窗展示效果"就是一个这样的尝试,它旨在利用JavaScript实现类似Flash的图片动态弹窗效果,为用户提供更现代、更兼容的体验。 这个压缩包文件的核心内容可能包括一个或多个JavaScript脚本,它们...

    js产品动画展示

    【js产品动画展示】是一种利用JavaScript技术来实现的动态效果,用于提高产品展示的吸引力和交互性。在网页设计中,JavaScript是一种强大的客户端脚本语言,它可以为网站添加丰富的动态功能,使产品展示更加生动有趣...

    js 时间线 时间轴

    JavaScript时间线和时间轴在网页应用中经常用于展示和交互数据,特别是在数据分析、日历管理、历史事件展示等场景。时间轴(Timeline)是一种可视化工具,它将时间序列转化为易于理解的图形,用户可以通过它来浏览和...

    JavaScript特效(展示类)

    10. 媒体查询:JavaScript配合CSS3媒体查询,可以实现响应式设计,根据设备屏幕尺寸动态调整布局和内容展示。 11. 触屏事件:针对移动设备,JavaScript可以监听触屏事件,如滑动、双击等,实现触控友好的界面。 五...

Global site tag (gtag.js) - Google Analytics