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 相关文章推荐
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
详解Javascript几种跨域方式总结
Feb 27 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 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
模板引擎Smarty深入浅出介绍
2006/12/06 PHP
ThinkPHP模型详解
2015/07/27 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
PHP.vs.JAVA
2016/04/29 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
vue.js中created方法作用
2018/03/30 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
深入理解python多进程编程
2016/06/12 Python
python3.0 模拟用户登录,三次错误锁定的实例
2017/11/02 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python语言进阶知识点总结
2019/05/28 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
django 多数据库及分库实现方式
2020/04/01 Python
python Canny边缘检测算法的实现
2020/04/24 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
如何利用Python 进行边缘检测
2020/10/14 Python
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
环保建议书
2014/03/12 职场文书
会计系毕业求职信
2014/08/07 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
小学生通知书评语
2014/12/31 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
企业投资意向书
2015/05/09 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技