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. **表单组件**：预设的表单元素，如输入框、选择器、复选框、单选按钮等，确保了在不同设备上的显示一致性...
Bootstrap是世界上最受欢迎的前端开发框架之一，由Twitter的开发者创建，用于快速构建响应式和移动优先的网站。这个“一套很酷的bootstrap后台管理系统静态页面”压缩包显然包含了一组设计精良、功能丰富的Bootstrap...
动态加载是 jsTree 的核心特性之一，它允许在用户滚动或展开树节点时按需加载数据，而不是一次性加载所有数据。这种机制对于处理大量数据特别有用，因为它减少了初始页面加载时间，提高了用户体验。通过设置适当的...
ASP.NET是微软公司推出的一种强大的Web应用程序开发框架，它构建在.NET Framework之上，提供了丰富的功能和优秀的性能，使得开发者能够高效地构建动态、交互式的网页应用。在这个主题中，我们将深入探讨"asp.net网站...
4. 添加交互与动态效果：Axure的强大之处在于能够模拟真实的用户交互。你可以为ElementUI组件设置点击、 hover等交互事件，使用动态面板实现页面切换，通过条件逻辑控制组件的显示和隐藏，模拟数据加载、分页等后台...
随着现代制造业的飞速发展，工厂库存管理已成为企业管理中极为重要的环节之一。一个高效、智能的库存管理系统不仅可以确保物料供应的及时性，还能有效降低库存成本，提高整体生产效率。为此，本项目旨在利用Python这...
Ace-HTML是一个基于Bootstrap框架的后台管理系统的页面模板，它专为构建响应式、移动设备友好的Web应用程序而设计。...开发者可以在此基础上快速搭建功能丰富的后台系统，节省时间和精力，专注于业务逻辑的实现。