html5中文学习网

您的位置: 首页?>?网站及特效实例?>?javascript特效 ? 正文

JavaScript利用Date实现简单的倒计时实例_javascript技巧_

[ ] 已经帮助:人解决问题

介绍qfXHTML5中文学习网 - HTML5先行者学习网

Date对象,是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。Date在js中和Array类似,都是拥有自己的特殊方法的特殊对象。qfXHTML5中文学习网 - HTML5先行者学习网

创建 Date 对象的语法:qfXHTML5中文学习网 - HTML5先行者学习网
qfXHTML5中文学习网 - HTML5先行者学习网

var myDate=new Date() //Date 对象会自动把当前日期和时间保存为其初始值。

获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!!qfXHTML5中文学习网 - HTML5先行者学习网

function time(){  var oDate = new Date();  var year = oDate.getFullYear();  var month = oDate.getMonth() + 1 ;  var dDate = oDate.getDate();  var day = oDate.getDay();  var house = oDate.getHours();  var minu = oDate.getMinutes();  var sec = oDate.getSeconds();  switch(day){  case 1:  day = '星期一';  break;  case 2:  day = '星期二';  break;  case 3:  day = '星期三';  break;  case 4:  day = '星期四';  break;  case 5:  day = '星期五';  break;  case 6:  day = '星期六';  break;  case 0:  day = '星期日';  break;  }  function double( t ){  if( t < 10 ){   t = '0' + t;  }  return t;  }  document.body.innerHTML = year + '年' + month +'月'+ dDate + '日 ' + day + ' ' + double(house) +':'+ double(minu) +':' + double(sec); } time(); setInterval(time,1000);

获取倒计时qfXHTML5中文学习网 - HTML5先行者学习网
qfXHTML5中文学习网 - HTML5先行者学习网

???? 1、实现倒计时功能qfXHTML5中文学习网 - HTML5先行者学习网
qfXHTML5中文学习网 - HTML5先行者学习网

???? 2、倒计时结束按钮可被点击,之前不可被点击qfXHTML5中文学习网 - HTML5先行者学习网

实例代码:qfXHTML5中文学习网 - HTML5先行者学习网

无标题文档
0天 00: 00: 00


即将开抢!

效果图如下:qfXHTML5中文学习网 - HTML5先行者学习网

qfXHTML5中文学习网 - HTML5先行者学习网

qfXHTML5中文学习网 - HTML5先行者学习网

总结qfXHTML5中文学习网 - HTML5先行者学习网

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。qfXHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助