JS的强大之一:动态实现后台系统时间的显示
用js显示当先系统时间是大多数网站都会有的,尤其是在后台,当前时间不可缺少,有了时间管理员可以在管理用户等一些操作的时候,清楚的知道当前的准备时间。最近我们要做一个网站,后台需要显示当前系统时间。我就写了写,以下是具体的代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<SCRIPT type=text/javascript>
window.onload = function() {
alert("进行测试z_xiaofei168");
var clock = new Clock();
clock.display(document.getElementById("clock"));
}
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
this.toString = function() {
return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
</SCRIPT>
</head>
<body>
<span id="clock"></span>
</body>
</html>
显示结果如图所示:
分享到:
相关推荐
Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件和设计工具,使得构建响应式、移动优先的网站变得简单高效。在这个“基于Bootstrap强大的后台管理系统界面(中文版)”中,我们可以找到一套...
首先,AngularJS的核心特性之一是双向数据绑定。这种机制使得视图和模型之间的数据同步变得极其简单。当模型的数据发生变化时,视图会自动更新;反之,当用户在视图中进行交互时,模型也会相应更新。这大大减少了...
总的来说,“基于Bootstrap的管理后台模板源码”是一个强大的起点,可以帮助开发者节省时间和精力,快速构建出专业且功能丰富的后台管理系统。理解并熟练运用其中的HTML、CSS和JavaScript技术,以及Bootstrap的组件...
开发者可以下载这个模板后根据自己的需求进行修改和扩展,以快速实现后台系统的开发。 总的来说,"Bootstrap Admin后台系统面板Demo模板"是一个强大的起点,可以帮助开发者节省大量的时间和精力,专注于业务逻辑的...
Bootstrap是世界上最受欢迎的前端开发框架之一,由Twitter的开发者创建,用于构建响应式布局和移动设备优先的Web项目。这个“bootstrap中文后台模板管理系统模板”是基于Bootstrap框架设计的,旨在帮助开发者快速...
Bootstrap是世界上最流行的前端开发框架之一,由Twitter的开发者创建,旨在提供一套简洁、直观、强大的工具,用于构建响应式布局和移动设备优先的Web项目。本压缩包中的“Bootstrap超实用的前后台模板”提供了全面的...
Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件和设计工具,使得构建响应式、移动优先的网站变得简单高效。"Bootstrap网站后台管理系统模板"通常是指利用Bootstrap框架搭建的,专用于管理...
Bootstrap是世界上最受欢迎的前端开发框架之一,尤其在构建响应式布局和移动设备优先的Web项目时,它提供了强大的工具和组件。Bootstrap后台管理系统模版Ace下载,为开发者提供了一个高效、美观且易于定制的管理界面...
Bootstrap是世界上最受欢迎的前端开发框架之一,主要用于构建响应式、移动优先的网页项目。这个“功能强大的BootStrap WEB后台模板”显然集成了多种功能,旨在帮助开发者快速、高效地搭建后台管理界面。模板通常包括...
Bootstrap是世界上最受欢迎的前端开发框架之一,由Twitter的开发者创建并开源。这个“非常nice的bootstrap的后台页面”压缩包显然包含了一整套基于Bootstrap构建的后台管理界面模板和示例,非常适合那些需要快速开发...
随着技术的发展,现代在线考试系统可能还会涉及AJAX实现页面无刷新交互,使用Spring Boot和MyBatis简化开发,利用Vue.js或React.js改进用户体验,通过HTTPS保证数据传输安全,以及Docker容器化部署以提高部署效率。...
Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件、样式和布局工具,使得创建美观、响应式的网站变得简单高效。"各种Bootstrap管理后台模板"涵盖了多种基于Bootstrap设计的后台管理界面,如...
Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件、样式和布局工具,使得创建响应式、用户友好的网站和应用变得简单易行。在"简约bootstrap后台管理系统界面模板-SplashDash"中,我们可以...
2. **导航栏**:可能包含固定顶栏,可折叠的侧边栏,以及面包屑导航等,方便用户在后台系统中快速定位。 3. **表单组件**:预设的表单元素,如输入框、选择器、复选框、单选按钮等,确保了在不同设备上的显示一致性...
4. 添加交互与动态效果:Axure的强大之处在于能够模拟真实的用户交互。你可以为ElementUI组件设置点击、 hover等交互事件,使用动态面板实现页面切换,通过条件逻辑控制组件的显示和隐藏,模拟数据加载、分页等后台...
Bootstrap是世界上最受欢迎的前端开发框架之一,由Twitter的开发者创建,用于快速构建响应式和移动优先的网站。这个“一套很酷的bootstrap后台管理系统静态页面”压缩包显然包含了一组设计精良、功能丰富的Bootstrap...
动态加载是 jsTree 的核心特性之一,它允许在用户滚动或展开树节点时按需加载数据,而不是一次性加载所有数据。这种机制对于处理大量数据特别有用,因为它减少了初始页面加载时间,提高了用户体验。通过设置适当的...
ASP.NET是微软公司推出的一种强大的Web应用程序开发框架,它构建在.NET Framework之上,提供了丰富的功能和优秀的性能,使得开发者能够高效地构建动态、交互式的网页应用。在这个主题中,我们将深入探讨"asp.net网站...
随着现代制造业的飞速发展,工厂库存管理已成为企业管理中极为重要的环节之一。一个高效、智能的库存管理系统不仅可以确保物料供应的及时性,还能有效降低库存成本,提高整体生产效率。为此,本项目旨在利用Python这...
Ace-HTML是一个基于Bootstrap框架的后台管理系统的页面模板,它专为构建响应式、移动设备友好的Web应用程序而设计。...开发者可以在此基础上快速搭建功能丰富的后台系统,节省时间和精力,专注于业务逻辑的实现。