欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

有关JS代码实现倒计时功能的教程

程序员文章站 2023-02-02 11:00:26
一、将获得的毫秒数转换成具体的时间 var unixtimestamp = new date( 1477386005*1000 ) ; commontime = unixt...

一、将获得的毫秒数转换成具体的时间

var unixtimestamp = new date( 1477386005*1000 ) ;
commontime = unixtimestamp.tolocalestring();
document.write(commontime);

转换成想要的格式

date.prototype.tolocalestring = function() {
          return this.getfullyear() + "年" + (this.getmonth() + 1) + "月" + this.getdate() + "日 " + this.gethours() + "点" + this.getminutes() + "分" + this.getseconds() + "秒";
    };

二、utc() 方法可根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。不过要注意时差。比如北京时间比这个的时间快8个小时。其中month是0-11;对于星期来说,0代表星期日,其余正常表示

date.utc(year,month,day,hours,minutes,seconds,ms);

自己写的倒计时代码

script部分

var maxtime = date.utc(2017,11,26,9,0,0,0);
    var unixtimestamp = new date( maxtime ) ;
    commontime = unixtimestamp.tolocalestring();
    document.write("距离"+commontime+"还有:");
function djs() {
        //北京时间比utc快8个小时
        var maxtime = date.utc(2017,11,26,9,0,0,0);

//        var unixtimestamp = new date( maxtime ) ;
//        commontime = unixtimestamp.tolocalestring();
//        document.write(commontime);
        var now = new date().gettime();
        var cha = (maxtime - now)/1000;
        if (cha >= 0) {
            var day = math.floor(cha / 3600 / 24);
            var hour =  math.floor((cha / 3600) % 24);
            var minutes = math.floor((cha / 60) % 60);
            var seconds = math.floor(cha % 60);
        }
        document.getelementbyid("ms").innerhtml = day+"天"+hour +"时"+minutes+"分"+seconds+"秒";

    }
    setinterval("djs();",1000);

body部分

<p id="ms"></p>