js倒计时小程序


Posted in Javascript onNovember 05, 2013

我们这里只要自己定义一下s与urodz的值就可以随意定义任何日期或节日的倒计时功能了,各位朋友可加以修改。
精确到天的倒计时

<script language="JavaScript">
<!-- // (c) Henryk Gajewski
var urodz= new Date("09/19/2013");
var  s="中秋节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
   document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
     document.write("只有2天啦!")
else if (dni == 0)
     document.write("只有1天啦!")
else
    document.write("好象已经过了哦!");
// -->

精确到秒的javascript倒计时代码 
HTML代码: 

<form name="form1">   
<div align="center" align="center">   
<center>离2010年还有:<br>   
<input type="textarea" name="left" size="35" style="text-align: center">   
</center>   
</div>   
</form>   
<script LANGUAGE="javascript">   
startclock()   
var timerID = null;   
var timerRunning = false;   
function showtime() {   
Today = new Date();   
var NowHour = Today.getHours();   
var NowMinute = Today.getMinutes();   
var NowMonth = Today.getMonth();   
var NowDate = Today.getDate();   
var NowYear = Today.getYear();   
var NowSecond = Today.getSeconds();   
if (NowYear <2000)   
NowYear=1900+NowYear;   
Today = null;   
Hourleft = 23 - NowHour   
Minuteleft = 59 - NowMinute   
Secondleft = 59 - NowSecond   
Yearleft = 2009 - NowYear   
Monthleft = 12 - NowMonth - 1 
Dateleft = 31 - NowDate   
if (Secondleft<0)   
{   
Secondleft=60+Secondleft;   
Minuteleft=Minuteleft-1;   
}   
if (Minuteleft<0)   
{    
Minuteleft=60+Minuteleft;   
Hourleft=Hourleft-1;   
}   
if (Hourleft<0)   
{   
Hourleft=24+Hourleft;   
Dateleft=Dateleft-1;   
}   
if (Dateleft<0)   
{   
Dateleft=31+Dateleft;   
Monthleft=Monthleft-1;   
}   
if (Monthleft<0)   
{   
Monthleft=12+Monthleft;   
Yearleft=Yearleft-1;   
}   
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒' 
document.form1.left.value=Temp;   
timerID = setTimeout("showtime()",1000);   
timerRunning = true;   
}   
var timerID = null;   
var timerRunning = false;   
function stopclock () {   
if(timerRunning)   
clearTimeout(timerID);   
timerRunning = false;   
}   
function startclock () {   
stopclock();   
showtime();   
}   
// -->   
</script> 
Javascript 相关文章推荐
在线游戏大家来找茬II
Sep 30 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
JavaScript实现简单图片翻转的方法
Apr 17 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
详解Node全局变量global模块
Sep 28 Javascript
分析JS中this引发的bug
Dec 12 Javascript
使用Vue组件实现一个简单弹窗效果
Apr 23 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 #Javascript
javascript使用location.search的示例
Nov 05 #Javascript
jquery按回车提交数据的代码示例
Nov 05 #Javascript
js jq 单击和双击区分示例介绍
Nov 05 #Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 #Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 #Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 #Javascript
You might like
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
PHP实现适用于文件内容操作的分页类
2016/06/15 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
Python中的类学习笔记
2014/09/23 Python
Python导入oracle数据的方法
2015/07/10 Python
Python计算字符宽度的方法
2016/06/14 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python实现公司年会抽奖程序
2019/01/22 Python
python实现列表的排序方法分享
2019/07/01 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python3判断IP地址的方法
2021/03/04 Python
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
会计出纳员的自我评价
2014/01/15 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
中学生励志演讲稿
2014/04/26 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
教育读书笔记
2015/07/02 职场文书
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
零基础学java之循环语句的使用
2022/04/10 Java/Android