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>

(0)

相关推荐

  • JS远程获取网页源代码实例

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>远程网页源代码读取</title> <sty

  • JavaScript 实现模态对话框 源代码大全

    首先,来说一下对话框: 对话框在Windows应用程序中使用非常普遍,许多应用程序的设定,与用户交互需要通过对话框来进行,因此对话框是Windows应用程序中最重要的界面元素之一,是与用户交互的重要手段.对话框是一个特殊的窗口,任何对窗口进行的操作(如移动.最大化.最小化等)也可以在对话框实施. 对话框大致可以分为以下两种: (1)模态对话框:模态对话框弹出后,独占了系统资源,用户只有在关闭该对话框后才可以继续执行,不能够在关闭对话框之前执行应用程序其他部分的代码.模态对话框一般要求用户做出某种

  • javascript实现禁止右键和F12查看源代码

    功能很简单,代码也很简洁,这里就不多废话了,直接奉上源码,需要的小伙伴直接带走. 复制代码 代码如下: function click(e) { if (document.all) { if (event.button==2||event.button==3) { alert("欢迎光临寒舍,有什么需要帮忙的话,请与站长联系!谢谢您的合作!!!"); oncontextmenu='return false'; } } if (document.layers) { if (e.which

  • 用js一招破解所有网页的加密源代码的方法

    现在很流行源代码加密,无论出于作者想保护自己的资源,还是放马者为了不让别人发现网页有马等等,都对源代码加密. 想破解它很简单,一招就搞定了,是不是用点心动了呢?是的就快跟我来吧!comeon gogogo! 1/首先我们来看看一个网页的源代码,为了不浪费大家的时间,我在免费空间随便上传个网页(已经加密的)大家来看看,为了便以大家看到结果,我做很简单(真的很简单咯)我门来看看他的源代码,方法有很多,我随便用一种 ,这是什么东西,难道这就是传说中的秘籍,,说笑了,大家是不是看不明呢,那我们就来进行第

  • JS禁止查看网页源代码的实现方法

    先给大家分享下三种查看路径的方法: 1.直接按F12 2.Ctrl+Shift+I查看 3.鼠标点击右键查看 把以上三种状态都屏蔽掉就可以了,document有onkeydown(键盘按键事件),该事件里面找到对应的keycode并处理就可以,document也有oncontextmenu鼠标右键事件,屏蔽即可. JS撸码如下: window.onload=function(){ document.onkeydown=function(){ var e=window.event||argumen

  • 小型js框架veryide.librar源代码

    复制代码 代码如下: /* * Copyright VeryIDE,2007-2008 * http://www.veryide.com/ * * $Id: veryide.library.js,v2.3 17:29 2008-11-16 leilei $ */ function $(obj){return document.getElementById(obj);} function $N(obj){return document.getElementsByName(obj);} functi

  • javascript实现图片切换的幻灯片效果源代码

    网页上有许多图片切换的幻灯片效果,它们大多用flash实现,那javascript能不能实现他们呢,当然可以,我自己写了一个,和大家一同分享 废话少说,看代码 复制代码 代码如下: sx.activex.imagefade={ init:function(imga,fadeint,fadeoutt){ var ti=new Array(); for(var i=0;i<imga.length;i++){ ti[i]=new Image(); ti[i].src=imga[i] } var div

  • 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

  • jQuery 实现倒计时天,时,分,秒功能

    1.HTML部分 <span class="joind">135</span>天<span class="joinh">7</span>时<span class="joinm">46</span>分<span class="joins">25</span>秒 2.js部分 <script src="https://c

  • js将当前时间格式化为 年-月-日 时:分:秒的实现代码

    利用js的Date()对象,将系统当前时间格式化为年-月-日 时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Time</title> </head> <body

  • js计算两个时间差 天 时 分 秒 毫秒的代码

    具体代码如下所述: // 计算两个时间差 dateBegin 开始时间 function timeFn(dateBegin) { //如果时间格式是正确的,那下面这一步转化时间格式就可以不用了 var dateEnd = new Date();//获取当前时间 var dateDiff = dateEnd.getTime() - dateBegin;//时间差的毫秒数 var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天

  • jquery 显示*天*时*分*秒实现时间计时器

    1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒? html代码: 复制代码 代码如下: <div id="times_wrap" class="time_num"> 距离现在时间: <div class="time_w"> <span id="time_d" class="time"> </span >天 <spa

  • js操作时间(年-月-日 时-分-秒 星期几)

    var myDate = new Date(); 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开

  • javascript 贪吃蛇(详细注释版)

    贪吃蛇 Snake v1.0 body{ } table{ border-collapse: collapse; border:solid #333 1px; } td{ height: 10px; width: 10px; font-size: 0px; } .filled{ background-color:blue; } function $(id){return document.getElementById(id);} /** * javascript贪吃蛇 v1.0 * author

  • PHP获取指定时间段之间的 年,月,天,时,分,秒

    核心代码: Class Utils { /** * format MySQL DateTime (YYYY-MM-DD hh:mm:ss) 把mysql中查找出来的数据格式转换成时间秒数 * @param string $datetime */ public function fmDatetime($datetime) { $year = substr($datetime,0,4); $month = substr($datetime,5,2); $day = substr($datetime,

  • javascript倒计时效果代码,可以方便参数调用

    我们-www.jb51.net 倒记时效果 "+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; } else { document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒&

  • javascript 倒计时代码

    "+daysold+"天"+hrsold+":"+minsold+":"+seconds+""; } else { document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+":"+minsold+":"+seconds; } } } } setTimeout("show_da

随机推荐