美文网首页网页开发专刊
适合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的动态倒计时脚本源码

    一、html代码通过div来动态显示倒计时的结果 二、第二段代码是用来设置页面加载就调用这个倒计时的js 方法dj...

  • btrace-doc

    btrace on github demo 动态获取传入参数 源码 btrace脚本(PrintArgSimple...

  • (转)LABJS源码浅析

    LABJS源码浅析 LABjs里的动态加载脚本文件,是指页面的js脚本执行时,通过多种方法去加载外部的js(主要区...

  • php+js倒计时

    功能描述: 数据库add_time+5分钟倒计时,是否等于数据库add_time index页会有很多条数据: 做...

  • 倒计时

    脚本把下面脚本保存到.bat文件中 倒计时效果倒计时(样例从60秒倒计时)

  • 2019-05-30

    Javascript之动态加载脚本和样式 //动态加载脚本 function loadScript(url){ ...

  • 动态语言

    Java SE 6 新特性-对脚本语言的支持 动态调用动态语言,第 1 部分-引入 Java 脚本 API 动态调...

  • JDK动态代理实现原理:

    JDK动态代理实现原理思路: 1. 声明一段源码,这段源码动态生成我们的动态代理; 2. 把源码生成Java文件;...

  • 【DOM】DOM操作技术

    动态脚本 定义:页面加载时不存在,但将来的某一时刻通过修改DOM动态添加的脚本。创建动态脚本有两种方法: 插入外部...

  • 动态代理

    动态代理源码分析 动态代理2

网友评论

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

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