lijie_insist
- 浏览: 95650 次
- 性别:
-
文章分类
- 全部博客 (151)
- Spring-MVC学习 (5)
- 偶然间发现 (2)
- easyUi学习 (7)
- web项目相关技术 (4)
- java学习 (26)
- webService (4)
- 一些工具的安装使用 (7)
- js学习 (20)
- Sping学习 (7)
- mybatis学习 (5)
- 定时器 (4)
- oracle (2)
- JSP学习 (6)
- HTML一些标签 (1)
- web服务 (2)
- 偶尔得到的地址 (2)
- 常用的代码记录 (2)
- 设计模式 (1)
- java常使用的开源API (1)
- maven (1)
- Socket (1)
- nginx (2)
- jquery (3)
- poi (2)
- 写过的工具类 (19)
- 微信开发 (2)
- mysql (1)
- freemarker (2)
- ftp (1)
- 用过的软件 (1)
- jconsole (1)
- log4j (1)
- redis的简单入门使用 java调用redis (0)
- redis的使用 (2)
- 生活相关的 (1)
最新评论
-
chokee：
...
easyUi学习之开启行编辑模式增删改操作 -
lijie_insist：
就是有的界面需要显示天气啊!所以你要调用天气的接口啊 因为很多 ...
免费的天气接口的一个demo -
zhglance：
请问这是干什么用的呢？
免费的天气接口的一个demo
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS时间倒计时</title>
<script type="text/javascript">
function endTime(stime,etime,showId){
var time_now_server, time_now_client, time_end, time_server_client, timerID;
time_end = new Date(etime);//结束的时间
time_end = time_end.getTime();
time_now_server = new Date(stime);//开始的时间
time_now_server = time_now_server.getTime();
time_now_client = new Date();
time_now_client = time_now_client.getTime();
time_server_client = time_now_server - time_now_client;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
}
function show_time(time_end,time_server_client,showId) {
var timer = document.getElementById(showId);
if (!timer) {
return;
}
timer.innerHTML = time_server_client;
var time_now, time_distance, str_time;
var int_day, int_hour, int_minute, int_second;
var time_now = new Date();
time_now = time_now.getTime() + time_server_client;
time_distance = time_end - time_now;
if (time_distance > 0) {
int_day = Math.floor(time_distance / 86400000)
time_distance -= int_day * 86400000;
int_hour = Math.floor(time_distance / 3600000)
time_distance -= int_hour * 3600000;
int_minute = Math.floor(time_distance / 60000)
time_distance -= int_minute * 60000;
int_second = Math.floor(time_distance / 1000)
if (int_hour < 10)
int_hour = "0" + int_hour;
if (int_minute < 10)
int_minute = "0" + int_minute;
if (int_second < 10)
int_second = "0" + int_second;
str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟"
+ int_second + "秒";
timer.innerHTML = str_time;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
} else {
timer.innerHTML = timer.innerHTML;
clearTimeout(timerID)
}
}
</script>
</head>
<body>
<div id="timer1">
<script>
endTime("2013/09/03 18:50:50","2013/09/13 18:50:50","timer1");
</script>
</div>
<div id="timer2">
<script>
endTime("2013/09/03 18:50:50","2013/10/13 18:50:50","timer2");
</script>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS时间倒计时</title>
<script type="text/javascript">
function endTime(stime,etime,showId){
var time_now_server, time_now_client, time_end, time_server_client, timerID;
time_end = new Date(etime);//结束的时间
time_end = time_end.getTime();
time_now_server = new Date(stime);//开始的时间
time_now_server = time_now_server.getTime();
time_now_client = new Date();
time_now_client = time_now_client.getTime();
time_server_client = time_now_server - time_now_client;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
}
function show_time(time_end,time_server_client,showId) {
var timer = document.getElementById(showId);
if (!timer) {
return;
}
timer.innerHTML = time_server_client;
var time_now, time_distance, str_time;
var int_day, int_hour, int_minute, int_second;
var time_now = new Date();
time_now = time_now.getTime() + time_server_client;
time_distance = time_end - time_now;
if (time_distance > 0) {
int_day = Math.floor(time_distance / 86400000)
time_distance -= int_day * 86400000;
int_hour = Math.floor(time_distance / 3600000)
time_distance -= int_hour * 3600000;
int_minute = Math.floor(time_distance / 60000)
time_distance -= int_minute * 60000;
int_second = Math.floor(time_distance / 1000)
if (int_hour < 10)
int_hour = "0" + int_hour;
if (int_minute < 10)
int_minute = "0" + int_minute;
if (int_second < 10)
int_second = "0" + int_second;
str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟"
+ int_second + "秒";
timer.innerHTML = str_time;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
} else {
timer.innerHTML = timer.innerHTML;
clearTimeout(timerID)
}
}
</script>
</head>
<body>
<div id="timer1">
<script>
endTime("2013/09/03 18:50:50","2013/09/13 18:50:50","timer1");
</script>
</div>
<div id="timer2">
<script>
endTime("2013/09/03 18:50:50","2013/10/13 18:50:50","timer2");
</script>
</div>
</body>
</html>
分享到：
发表评论
-
*.location.href的使用
2015-12-01 11:49 414*.location.href 用法: t ... -
js前端传递时间段来倒计时
2015-11-20 12:14 641上班整合了下这个 需要 ... -
纯js发送ajax请求
2015-08-18 19:14 708每次都用jquery,这次要微信开发,用纯js的可能少加载点东 ... -
获取验证码
2015-08-14 17:57 0<!DOCTYPE html PUBLIC " ... -
jquery图片展示代码
2015-03-03 08:55 111一个图片展示的代码 -
js学习之java script使用
2015-03-12 14:21 429总算看完了HTML DOM相关的基础知识了,下面开始整理jav ... -
js学习之HTML DOM事件和导航
2014-12-15 15:45 497这两个内容差不多是w3school对HTML DOM的最后的介 ... -
js学习之HTML DOM的访问和修改
2014-12-15 15:22 457HTML DOM访问 坚持接着把w3chool上的实例学完,最 ... -
js学习之字符串中英文判断
2014-12-12 17:45 718之前写js时候要判断中英文,网上找了下,引用这位博友的第三种方 ... -
js学习之HTML DOM的一些基础概念
2014-12-10 10:57 404经过近一个星期,总算把 ... -
js学习之Window对象
2014-12-09 17:50 406Window对象 显示对话框代码来自w3school ... -
js学习之Table,TableHeader,TableRow,TableData对象
2014-12-08 09:49 517Table,TableHeader,TableRow,Tabl ... -
js学习之Option和Select对象以及screen对象
2014-12-08 09:06 411Option和Select对象 禁止并启用下拉框代码来自w ... -
js学习之Location 对象以及 Navigator对象
2014-12-08 08:44 543这两天一直看online小说,感觉太颓废了!作为一个毕业才一年 ... -
js学习之Frame、Frameset 以及 IFrame 对象和image对象
2014-12-05 09:45 509今天上班又不是很忙,接着学习js相关的东西,毕业后就没怎么学习 ... -
js学习之Event对象和Form对象以及Input对象
2014-12-03 14:41 700Event对象 光标的位置代码来自w3school & ... -
js学习之Anchor对象和Document对象
2014-12-03 09:37 447Anchor对象 失去焦点和获取焦点有时候自己总喜欢忘记,而 ... -
javascript/jquery判断是否为undefined或是null
2014-12-03 09:05 482转自:http://blog.csdn.net/dxnn520 ... -
页面一些树的加载库
2014-12-02 15:28 406(dhtmlxTree的demo) http://dhtmlx ... -
js一些有用的demo和网站
2014-12-02 10:06 416http://www.fullavatareditor.com ...
相关推荐
JS倒计时
JavaScript倒计时是一种常见的时间显示方式，常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中，我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
1. JavaScript倒计时实现：通过使用JavaScript语言，实现了一个倒计时器，可以计算出距离结束时间的剩余时间，并实时显示倒计时。 2. 自定义结束时间：用户可以通过设置年、月、日三个参数，自定义结束时间，从而...
JavaScript倒计时是一种常见的网页动态效果，用于显示特定时间点前的剩余时间。在这个场景中，我们有一个名为"timer.html"的文件，很可能是包含一个简单的JavaScript倒计时实现的HTML页面。下面将详细讲解JavaScript...
JavaScript（简称JS）倒计时是一种常见的Web前端功能，用于实现各种计时需求，例如活动结束倒计时、考试开始倒计时等。在给定的"js倒计时源码"中，我们可以探讨以下几个关键知识点： 1. **JavaScript基础**： - ...
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求，但...
JavaScript（简称JS）倒计时源码是一种常见的前端开发技术，用于实现网页上的时间计时功能，例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...
在提供的压缩包文件中，"js倒计时"可能包含了一个完整的JS倒计时实现，你可以查看源代码学习更多细节，比如如何将倒计时数据显示在网页上，或者如何处理时区问题。通过深入理解这些代码，你将能更好地掌握JS实现倒...
首先，我们需要理解JavaScript倒计时的基本原理。倒计时通常是基于当前时间与目标时间之间的差值计算的。在JavaScript中，我们可以使用`Date`对象来获取当前时间，然后通过计算目标时间与当前时间的差值，设置定时器...
JavaScript倒计时是一种常见的网页动态效果，用于显示距离某个特定时间点还有多少天、小时、分钟和秒。在本文中，我们将深入探讨如何使用JavaScript实现一个功能完整的倒计时功能，包括从服务器获取结束时间以及实时...
### 知识点一：精确到秒的JavaScript倒计时实现 #### 1. HTML结构设计 在HTML中，需要设计一个表单`form`和一个文本输入框`input`，用以展示倒计时结果。例如： ```html 离2010年还有: ``` #### ...
至此，我们已经创建了一个具备可配置开始时间、结束时间、服务器时间同步和循环使用功能的JavaScript倒计时器。在实际项目中，你可能还需要考虑时区差异、用户交互以及更复杂的UI显示等细节。通过以上代码，你可以...
闲着没事 发个倒计时代码 可以精确到毫秒的
这个"带报警提示铃声的js倒计时代码"是一个利用JavaScript实现的特定功能，它能够帮助用户在倒计时结束时触发一个报警提示，通常用于活动即将开始或结束的提醒，或者是一些重要的时间节点通知。 首先，我们要理解...
JavaScript倒计时是一种常见的网页动态效果，用于展示特定时间点的到来，例如促销活动开始、考试结束等。在网页开发中，结合CSS可以使得倒计时更具有视觉吸引力。本篇文章将详细探讨如何使用JavaScript和CSS实现一个...
javascript实现倒计时
3. `countdown.js`：这是核心的JavaScript倒计时脚本，实现了具体的倒计时逻辑。它可能包含了获取当前时间、计算剩余时间、设置定时器以定期更新显示等函数。 在实际应用中，JavaScript倒计时的实现通常包括以下...
日常开发中，电商经常使用到抢购，不过当抢购的时候会用到倒计时
这就是一个基本的JavaScript倒计时实现。需要注意的是，这种实现方式没有处理闰秒，且假设一天始终有24小时，一年有365天。在实际应用中，可能需要更精确的处理方式，例如使用`moment.js`或`date-fns`等库来处理日期...
"纯js倒计时"是指利用JavaScript实现的一种计时功能，它能够显示从当前时间到设定日期之间的剩余时间，通常用于活动预告、节假日提醒等场景。这种倒计时的特点是不依赖于任何外部库或框架，只用JavaScript原生语法...