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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
动态控制Table的js代码
Mar 07 Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
js+h5 canvas实现图片验证码
Oct 11 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中文汉字验证码
2007/04/08 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
Laravel框架实现定时Task Scheduling例子
2019/10/22 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
javascript中new关键字详解
2015/12/14 Javascript
js获取url传值的方法
2015/12/18 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2014年路政工作总结
2014/12/10 职场文书
写给医院的感谢信
2015/01/22 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript