JQuery实现固定时间的计时器效果

实际效果参考本博客底部计时器

HTML代码:

<p class="copyright">小栈已萌萌哒经营了<span id="blog_data"></span></p>

JQuery代码:

function blogtime(){
    var now=new Date();
    var blog_start_data=new Date("2018/5/20,0:0:00");
    var cha=parseInt((now.getTime()-blog_start_data.getTime())/1000);//秒
    //一天=24小时 一小时=60分钟 一分钟=60秒 一秒=1000毫秒
    var tian=parseInt(cha/(24*60*60));
    var xs=parseInt(cha/(60*60)%24);
    var fz=parseInt(cha/60%60);
    var miao=parseInt(cha%60);
    document.getElementById('blog_data').innerHTML=tian+"天"+xs+"小时"+fz+"分"+miao+"秒";
    setTimeout(blogtime,1000);
}
blogtime();

本文由 有花不见叶 原创发布于光阴小栈,未经许可,禁止转载。

共有 0 条评论

发表评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据