[璃猫]

璃猫博客

limao.pro

生命倒数表源码公布

Aurora

November 29, 2020

访问: 92 次

0 Comments

100字数

#

TYPECHO 博客 ,JQuery 框架

首页 / TYPECHO 博客 ,JQuery 框架正文

努力!余生不悔!

生命倒数表源码公布

1.每当过三个月,表就会图满一格,这表格是一100年计算的。
2.JS源码公布:

$(function(){
    var LifeWidth = $(".fx-life-center").width();
    $(".fx-life-center").css({"height":LifeWidth});
    
    // 批量创建DIV
    for(var i=1; i<=400; i++) { 
        $('.fx-life-center').append('<div id="page' + i + 'x" class="fx-life-div"></ div>') 
    } 
    
    //获取当前具体时间
    var myDate = new Date();
    //获取当前年
    var year=myDate.getFullYear();
    //获取当前月
    var month=myDate.getMonth()+1;
    
    var nianfen = year-2002;
    var yuefen = month-8;
    var shijian = parseInt(((nianfen*12)+yuefen)/3);
    for(l=1; l<=shijian; l++){
        $('#page' + l + 'x').addClass("bglife");
    }
})

3.效果链接:https://www.limao.pro/life.html/


  • 这短短的一生,我们最终都会失去;你不妨大胆一些,爱一个人,攀一座山,追一个梦。

本文为原创知识文章,版权归 璃猫博客 所有,转载请注明出处!

本文链接: https://www.limao.pro/archives/010.html

友情提示:如果博客部分链接出现404,请留言或者 联系博主 修复。

最后修改时间:November 29, 2020

© 本文允许规范转载

嗨!猫客,不妨给 5秒 时间,赞赏一下本博客吧!( 其实本博主在按钮里藏了支付宝红包哦~ )

上一篇
下一篇

发布你的观点趴i

评论 ( 请使用真实邮箱地址,以便接收评论回复信息 )

选择表情

还没有小可爱发布评论呢~ o(╥﹏╥)o

下面没有内容啦!(°Д°) 太长啦~我快被撑爆啦!o(╥﹏╥)o

热门文章
TYPECHO恋爱主题 - 往后余生 November 29, 2020
CSS样式表 November 26, 2020
JAVA环境安装与编程软件Eplices安装教程 November 23, 2020

站内活动 时间一般均为 7天 时间

欢迎各位猫客,本站运营初期,不足之处欢迎大家指点。(灬°ω°灬)

博客资料
  • 文章数目

    70

  • 评论数目

    9

  • 站内页面

    3

  • 运行天数

    0年202天

广而告之
我在等你呢~
[享受生活 做最酷的自己]
[头像]

Aurora

环游是无趣,至少可以陪着你~

×
SUPPORT