前言
我们平时在闲逛一些网站的时候,会发现很多网站底部都记录了当前网站
记录了当前站点运行了多长时间,当用户看到时,会增强用户的信任感
网站运营的时间越长,也就意味着网站越稳定,越值得信赖
原生JS实现...runtime_span.innerHTML="本站已经稳定运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"
}
show_runtime();
核心的原理就是,获取当前的时间减去设置初始时的时间...,将时间转化成年,天,小时,分,秒,然后通过js中的innerHTMLDOM属性将内容插入到页面中
Vue版本实现
<div class="add-website-long-time...methods: {
runTime() {
let X = new Date("01/06/2020 5:22:00"); // 设置的初始时间...let Y = new Date(); // 当前时间
let T = (Y.getTime()-X.getTime());