Javascript 倒计时源代码.(时.分.秒) 详细注释版_时间日期

随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖!
JS CODE

复制代码 代码如下:

<script type="text/javascript" language="javascript">
//总时间,已分为单位
var time = 100;
//小时
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//输出到当前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//开始执行倒计时
var timeInterval = setInterval(function () {
//如果时、分、秒都为0时将停止当前的倒计时
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//当秒走到0时,再次为60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次当秒走到60秒时,分钟减一
m -= 1;
//当分等于0时并且小时还多余1个小时的时候进里面看看
if (m == 0 && h > 0) {
//小时减一
h -= 1;
//分钟自动默认为60分
m = 60;
//秒自动默认为60秒
s = 60;
}
}
//秒继续跳动,减一
s -= 1;
//小时赋值
document.getElementById('f_hh').innerHTML = h;
//分钟赋值
document.getElementById('f_mm').innerHTML = m;
//秒赋值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>

HTML CODE

复制代码 代码如下:

<html>
<head>
<title>Date Demo</title>
</head>
<body>
<script type="text/javascript" language="javascript">
//总时间,已分为单位
var time = 100;
//小时
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//输出到当前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//开始执行倒计时
var timeInterval = setInterval(function () {
//如果时、分、秒都为0时将停止当前的倒计时
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//当秒走到0时,再次为60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次当秒走到60秒时,分钟减一
m -= 1;
//当分等于0时并且小时还多余1个小时的时候进里面看看
if (m == 0 && h > 0) {
//小时减一
h -= 1;
//分钟自动默认为60分
m = 60;
//秒自动默认为60秒
s = 60;
}
}
//秒继续跳动,减一
s -= 1;
//小时赋值
document.getElementById('f_hh').innerHTML = h;
//分钟赋值
document.getElementById('f_mm').innerHTML = m;
//秒赋值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>
</body>
</html>

时间: 2024-10-22 09:20:47

Javascript 倒计时源代码.(时.分.秒) 详细注释版_时间日期的相关文章

javascript倒计时效果代码,可以方便参数调用_时间日期

距5.1(女友生日)还有: 距国家公务员考试还有(12.9): 距奥运会还有(8.8-20:08):

JavaScript 模仿vbs中的 DateAdd() 函数的代码_时间日期

项目中需要用到日历,.net的日历控件又太重,只好用js写一个,日历的核心函数是 DateAdd(),编写过程中发现 js 里面操作时间比想象中的繁琐,不像vbscript中的可以轻松地dateadd,后来才想到用 setFullYear().setDate()等内置函数,可以拼合一个js版的 dateadd() 来,代码如下: 复制代码 代码如下: function DateAdd(interval,number,date){ // date 可以是时间对象也可以是字符串,如果是后者,形式必须

团购、定时抢购倒计时js版_时间日期

剩余时间: 0 天 0 小时 0 分 0 秒 剩余时间: 0 天 0 小时 0 分 0 秒

Javascript下判断是否为闰年的Datetime包_时间日期

来看看源码: 复制代码 代码如下: /** * jscript.datetime package * This package contains utility functions for working with dates and times. */ /*命名空间*/ if (typeof jscript == 'undefined') { jscript = function() { } } jscript.datetime = function() { } /** * This func

javascript 格式化时间日期函数代码脚本之家修正版_时间日期

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] javascript格式化日期时间函数_时间日期_http://www.jb51.net/article/14753.htm

javascript倒计时功能实现代码_时间日期

代码如下: 复制代码 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute = 0; var second = 0; var timerId = 0; var self = this; var fixInitTime =

Javascript 日期对象Date扩展方法_时间日期

今天在网上摘抄了些js中操作日期的相关方法,现在与大家分享一下. 复制代码 代码如下: <script type="text/javascript"> Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth() + 1, //月份 "d+" : this.getDate(), //日 "h+" :

javascript获取当前日期时间及其它操作函数_时间日期

myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours();

javascript 判断两个日期之差的示例代码_时间日期

日期差我们需要像php中一样把如2015-08-30这种转换成秒之后再利用两个日期的秒数进行相减之后再加起判断就可以了,如果判断日期相等就简单多了在文章最后有例子说明. 例子1,日期之差函数 function better_time(strDateStart,strDateEnd){ var strSeparator = "-"; //日期分隔符 var strDateArrayStart; var strDateArrayEnd; var intDay; strDateArraySt