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 相关文章推荐
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
jquery实现动态画圆
Dec 04 Javascript
jquery操作angularjs对象
Jun 26 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
vue实现全选、反选功能
Nov 17 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
微信小程序前端源码逻辑和工作流
2016/09/25 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
python使用7z解压软件备份文件脚本分享
2014/02/21 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
python中for用来遍历range函数的方法
2018/06/08 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
医学毕业生自荐信
2013/10/11 职场文书
农场厂长岗位职责
2013/12/28 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
低碳环保倡议书
2014/04/14 职场文书
代理协议书范本
2014/04/22 职场文书
普通党员对照检查材料
2014/08/28 职场文书
三国演义读书笔记
2015/06/25 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript