美文网首页网页开发专刊
适合php+js的动态倒计时脚本源码

适合php+js的动态倒计时脚本源码

作者: 老牛圣斗士 | 来源:发表于2016-07-29 17:48 被阅读27次

    一、html代码通过div来动态显示倒计时的结果

    <div id="djs"></div>

    <input type="text" value="2016-07-29 10:00:00"  id="time"/>

    二、第二段代码是用来设置页面加载就调用这个倒计时的js 方法djstest();

    $(document).ready(function(){

    djstest();

    })

    三、第三段代码是 真正的通过js来动态的转换php的时间,此处时间为2016-07-29 10:00:00 这个格式。

    //倒计时

    function djstest(){

    // 当前时间

    var nowTime = new Date().getTime();

    // 2016/12/22 hh:mm:ee

    // 结束时间

    var endTime = new Date(document.getElementById('time').value);

    // 相差的时间

    var t = endTime.getTime() - nowTime;

    if(t<=0){

    document.getElementById('djs').innerHTML ="活动已结束";

    return false;

    }

    var d = Math.floor(t/1000/60/60/24);

    var h = Math.floor(t/1000/60/60%24);

    var i = Math.floor(t/1000/60%60);

    var s = Math.floor(t/1000%60);

    document.getElementById('djs').innerHTML = "距离活动结束还有:"+d+"天"+h+"时"+i+"分"+s+"秒";

    setTimeout(djstest, 1000);

    }

    相关文章

      网友评论

        本文标题:适合php+js的动态倒计时脚本源码

        本文链接:https://www.haomeiwen.com/subject/ajmzjttx.html