zoukankan      html  css  js  c++  java
  • 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)
    --------------------- 

  • 相关阅读:
    hive on tez自定义jobname
    hive血缘关系之输入表与目标表的解析
    spark ml中一个比较通用的transformer
    TF-IDF小记
    namenode服务迁移
    spark on yarn上的dynamic executor
    zookeeper集群线上机器置换
    namenode元数据容错
    Spark HistoryServer服务迁移
    Java中Webservice调用.NET天气接口生成客户端异常
  • 原文地址:https://www.cnblogs.com/hyhy904/p/10989708.html
Copyright © 2011-2022 走看看