<html>
<head></head>
<script language="javascript" type="text/javascript">
var mydate;
var date2;
var time;
var time1;
var time2;
function initPage(){
mydate = new Date(); // 这些时间都可以是服务器传出的时间
date1 = new Date(); // 这些时间都可以是服务器传出的时间
date2 = new Date(2010,12,20,23,59,59); // 这些时间都可以是服务器传出的时间
time = mydate.getTime();
time2 = date2.getTime();
time1 = date1.getTime();
document.getElementById('current_show').innerHTML = mydate.getFullYear()+"-"+mydate.getMonth()+"-"+mydate.getDate()+" "+mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds();
window.setInterval(flashCurrentTime,1000);
window.setInterval(flashLeftTime,1000);
}
function flashCurrentTime(){
time = time + 1000;
mydate = new Date(time);
document.getElementById('current_show').innerHTML = mydate.getFullYear()+"-"+mydate.getMonth()+"-"+mydate.getDate()+" "+mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds();
}
function flashLeftTime(){
time1 += 1000;
left_time = time2 - time1;
var left_hour = parseInt(parseInt(left_time/1000,10)/3600,10);
var left_minute = parseInt((parseInt(left_time/1000,10)/3600 - left_hour)*60,10);
var left_second = parseInt(parseInt(left_time/1000,10) - left_hour*3600-left_minute*60,10);
document.getElementById('left_show').innerHTML = '距离结束日期还有：'+left_hour+' 小时 '+left_minute+' 分 '+left_second+' 秒';
}
</script>
<body onload="initPage()">
<input type="hidden" id="left_hour"/>
<input type="hidden" id="left_minute"/>
<input type="hidden" id="left_second"/>
<p>当前时间：</p><p id="current_show"></p>
<p>结束时间是：2010-12-20 23:59:59</p>
<p id="left_show"></p>
</body>
</html>
分享到：
相关推荐
在JavaScript编程中，动态显示当前时间是一个常见的需求，特别是在网页设计和开发中。"动态显示当前时间的js"就是一种实现这一...通过理解和应用这些知识，开发者可以创建各种动态时间显示功能，适应不同项目的需求。
总的来说，这份“动态时间轴特效”资源为开发者提供了一个完整的解决方案，涵盖了网页开发中的前端技术，包括HTML结构设计、CSS样式设定以及JavaScript交互实现。通过学习和使用这份代码，开发者不仅可以快速创建出...
该页面通过js的脚本，实现动态的时间显示。
3. **JavaScript逻辑**：JS代码用于动态生成水印的文本内容。可以使用`document.createElement('div')`创建新的DOM元素，并设置其`textContent`属性为动态生成的水印值。然后，通过`style`对象设置该元素的CSS属性，...
JavaScript（简称JS）是一种轻量级的解释型编程语言，常用于网页和网络应用开发，能够操作和控制网页中的元素，实现动态效果。在本例中，我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript...
首先，我们要了解JavaScript动态下拉时间控件的基本原理。在HTML页面中，我们通常会用到`<select>`元素来创建下拉菜单。但是，这种传统的方法无法满足复杂的时间选择需求。因此，开发者会利用JavaScript来创建更为...
js动态选择日期效果
使用js动态显示当前时间（包括年月日星期以及时分秒），本人已经调试成功了，大家快点来下载吧！就一分，真心值的
总的来说，JavaScript动态获取运行时间的功能是通过`performance.now()`实现的，它可以为前端开发提供宝贵的性能指标，帮助优化网页性能，提升用户体验。通过`index.html`和`Sitetime.js`这样的简单组合，开发者可以...
在JavaScript（JS）中，动态显示当前时间是一项基础但实用的功能，它允许网页上的时间信息实时更新，无需用户刷新页面。下面将详细讲解如何实现这一功能，并探讨相关的知识点。 首先，JavaScript提供了内置的Date...
使用JavaScript动态显示出时间，使用setTimeout(),秒钟每隔一秒增加.....
例如，点击按钮时，可以用JavaScript动态创建并显示一个日期选择面板，用户选择后更新文本框的值。 - 可以使用现有的开源库，如`jQuery UI Datepicker`，`Bootstrap Datepicker`等，它们提供了丰富的配置选项和插件...
JS动态日期时间，带时辰时刻显示，全部JS就一行代码，效果如下： 【现在】 2011年12月12日 星期一 10:45:30（巳时八刻） 时间自己跳动
标题中的“横向时间轴插件_js_时间轴_”指的是一个使用JavaScript编写的，用于展示时间线的插件。...此外，这也为初学者提供了一个实际的项目案例，有助于他们提升技能并加深对JavaScript动态效果实现的理解。
### JavaScript动态显示钟表知识点详解 #### 一、概述 在网页开发中，有时我们需要为用户提供实时的时间显示功能，比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript（简称JS）来实现一个简单的动态...
在本案例中，“时间线js 根据时间进度 显示节点位置”表明我们正在处理一个JavaScript实现的时间线组件，它能够动态更新，以反映时间的流逝和进度变化，并且能够在时间线上定位各个关键节点。 首先，我们需要理解...
动态加载外部JS文件是网页开发...总结，动态加载外部JS文件是优化网页性能的重要手段，它能改善用户体验，减少首屏加载时间，同时便于代码组织和管理。理解并掌握动态加载的原理和方法，对于提升Web开发技能至关重要。
总的来说，实现“html，js实现时间轴，可播放视频，点击放大图片”这一功能，需要结合HTML的结构化能力、JavaScript的动态交互特性，以及CSS的美化和布局技巧。通过精心设计和编码，可以创建出既美观又实用的互动...
在JavaScript（JS）编程中，实现一个时间拖动条功能是一项常见的需求，特别是在涉及到多媒体播放、视频剪辑或时间控制的场景中。本项目“JS时间拖动条”旨在模仿QQ影音中的视频剪辑拖动条，提供用户友好的交互体验。...
本资源包含了一系列关于JavaScript动态网页编程的源代码，这些源代码覆盖了多个章节的内容，包括但不限于： 1. **第7章**：通常涉及DOM（Document Object Model）操作，这是JavaScript与HTML页面交互的基础。通过...