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 相关文章推荐
javascript new一个对象的实质
Jan 07 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 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和ACCESS写聊天室(五)
2006/10/09 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
php+laravel依赖注入知识点总结
2019/11/04 PHP
nginx 设置多个站跨域
2021/03/09 Servers
Javascript中暂停功能的实现代码
2007/03/04 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
2016/01/26 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
Python有参函数使用代码实例
2020/01/06 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
Tessabit美国:集世界奢侈品和设计师品牌的意大利精品买手店
2020/06/29 全球购物
观看《永远的雷锋》心得体会
2014/03/12 职场文书
员工保密承诺书
2014/05/28 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
Python Flask实现进度条
2022/05/11 Python