• js让页面逐渐变透明,直到消失


    在gitHub闲逛的时候,无意间发现了些好玩的代码,一个歪果仁写的,这里我做了些修改和优化,gitHub链接已经忘了,是一段恶搞的js代码,假如你的顾客或者老板拖欠你工资,那你就可以让项目页面在浏览器慢慢变透明,直到消失,代码很简单,但脑洞清奇,不妨来试试吧

    // 设定时间,页面慢慢变透明,直到消失
    var opacityInterval = setInterval(function () {
    // 普通时间转为格林威治时间
    var targetDate = new Date('2019-05-23 17:20:00')
    var currentDate = new Date()
    // 目标时间距1970年毫秒数
    var time1 = targetDate.getTime()
    // 当前时间距1970年毫秒数
    var time2 = currentDate.getTime()
    // 剩余时间毫秒数
    var times = time1 - time2
    // 设定timeMsec值, 让 times/timeMsec 的比值小于等于1, 也就是opacity的取值范围
    var timeMsec = ''
    // 剩余时间少于1小时, 就以一小时为单位, 当然你也可以设置单位为一天、一周、半个月、或半年, 相应改下 targetDate值
    if (times < 1000 * 60 * 60) {
    timeMsec = 1000 * 60 * 60
    }
    // 计算出均匀透明度
    var opacityRate = (times / timeMsec).toFixed(2)
    if (times > 0) {
    document.getElementsByTagName("body")[0].style.opacity = opacityRate
    } else {
    // 剩余时间为0, 设置opacityRate为0, 并清除定时器
    opacityRate = 0
    clearInterval(opacityInterval)
    }
    }, 1000)
    --------------------- 

  • 相关阅读:
    Pandas学习整理与实践
    数据描述性统计整理
    关于购置硬盘的相关注意点
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta冲刺 (7/7)
    Beta冲刺 (6/7)
    深度剖析Vue中父给子、子给父、兄弟之间传值!
    mysql 增删改插
    前端必学TypeScript之第一弹,st基础类型!
  • 原文地址:https://www.cnblogs.com/hyhy904/p/10989708.html
Copyright © 2020-2023  润新知