标签: CSS | 天弈初心

天弈初心

专注于前端领域开发技术分享，深信任何可以用 JavaScript 来写的应用，最终都将用 JavaScript 来写

与天对弈，不忘初心

文章标签

nginx 11 apache 1 css 6 BS架构 1 CS架构 1 js 55 git 7 FFmpeg 2 html 4 jquery 2 javascript 17 HTML 1 jenkins 3 github 1 gitee 1 gitlab 1 mysql 3 shell 2 filezilla 2 linux 3 ts 3 vue 42 vuex 4 vue router 1 前端 11 父子组件 2 pinia 1 axios 1 web 3 electron 4 http 1 https 3 foreve 1 nodejs 2 module.exports 1 exports 1 export 1 export default 1 server 1 location 1 root 1 npm 2 markdown 2 vuecli 2 v-show 1 v-if 1 scss 1 svn 1 ajax 1 node 2 备案 1 CSS 1 layui 3 导入electron 1 url 1 编码解码 1 Mixins 1 仓库 1 div 1 微信小程序 1 微前端 1 乾坤 1 网站 1 hexo 1 blog 1 网络 1 element 1 jquery.form 1 form 1 vue双向绑定 1 centos 2 vue3 1 nest.js 1

使用View Transitions实现Element Plus的炫酷主题切换

2024-07-19 web

ate.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond); var diff = t2 - t1; var diffYears = Math.floor(diff / years); var diffDays = Math.floor((diff / days) - diffYears * 365); var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours); var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes); var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds); if (startYear == todayYear) { document.getElementById("year").innerHTML = todayYear; document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒"; } else { document.getElementById("year").innerHTML = startYear + " - " + todayYear; document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffYears + " 年 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒"; } } setInterval(siteTime, 1000);