博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript利用Date实现简单的倒计时实例
阅读量:6916 次
发布时间:2019-06-27

本文共 1050 字,大约阅读时间需要 3 分钟。

介绍

Date对象,是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。Date在js中和Array类似,都是拥有自己的特殊方法的特殊对象。

创建 Date 对象的语法:

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

  获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!!

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);

  

获取倒计时

     1、实现倒计时功能

     2、倒计时结束按钮可被点击,之前不可被点击

实例代码:

无标题文档
0天
00:
00:
00
即将开抢!

 学习网址: 

我的实例下篇文章引入:

转载地址:http://aqxcl.baihongyu.com/

你可能感兴趣的文章
小米手机(小米6)调试时无法安装应用
查看>>
Java springcloud B2B2C o2o多用户商城 springcloud架构
查看>>
从普通程序员到身价过百亿:追求长期价值的耐心,决定了你能走多远 原
查看>>
回顾2017,容器圈热闹的一年
查看>>
spring cloud构建互联网分布式微服务云平台-服务提供与调用
查看>>
python爬虫系列(3.7-使用 bs4 爬取获取贵州农产品)
查看>>
雷声大雨点小,廖翔廖翔你真diao
查看>>
php-fpm服务启动脚本
查看>>
记jpa、json问题之:handler and unable to find...by id ..
查看>>
深度优先和广度优先遍历及其 Java 实现
查看>>
CentOS6.5安装OCSNG2.1.1.1+GLPI0.85—GLPI安装(二)
查看>>
“师傅”与“师父”
查看>>
mybatis错误:[Err] 1064 - You have。。。。 the right syntax to use near 'Delete)
查看>>
Hadoop伪分布式搭建
查看>>
SSL
查看>>
mysql内置函数
查看>>
邮件发送问题
查看>>
30年分布,30年集中——高校认证计费的变革
查看>>
我的友情链接
查看>>
es中的分片查询方式
查看>>