网站时间日期代码html,显示网站运行时间及当前时间的代码

今天逛网站,偶然发现张伟博客网站底部会显示本站稳定运行XX年XX天XX时XX秒,并且秒数在动态变化,个人还是比较喜欢这东西的,所以测试了下代码,并应用于本站。分享给大家,有需要的朋友直接修改下日期然后Copy过去使用即可。

如果需要显示运行时间:XX年XX天XX时XX秒,秒数还是动态的,请选用下面的代码(具体效果参加本站底部):

function secondToDate(second) {

if (!second) {

return 0;

}

var time = new Array(0, 0, 0, 0, 0);

if (second >= 365 * 24 * 3600) {

time[0] = parseInt(second / (365 * 24 * 3600));

second %= 365 * 24 * 3600;

}

if (second >= 24 * 3600) {

time[1] = parseInt(second / (24 * 3600));

second %= 24 * 3600;

}

if (second >= 3600) {

time[2] = parseInt(second / 3600);

second %= 3600;

}

if (second >= 60) {

time[3] = parseInt(second / 60);

second %= 60;

}

if (second > 0) {

time[4] = second;

}

return time;

}

function setTime() {

var create_time = Math.round(new Date(Date.UTC(2017, 08, 09, 10, 11, 12)).getTime() / 1000);

var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);

currentTime = secondToDate((timestamp - create_time));

currentTimeHtml = '本站已安全运行:' + currentTime[0] + '年' + currentTime[1] + '天'

+ currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]

+ '秒';

document.getElementById("htmer_time").innerHTML = currentTimeHtml;

}    setInterval(setTime, 1000);

上面代码中“2017,08,09,10,11,12”是指的建站时间,分别对应年、月、日、时、分、秒,根据自己实际修改即可。

把上面代码复制到网页文件中,然后在你想显示的地方添加如下代码即可(请注意修改颜色配置):

如果只需要显示运行天数:XX天,这个比较简单,请选用下面的代码:本站已安全运行

显示当前时间的代码如下(具体效果请参见本站左上角):

divText = document.getElementById("clock");

showTime();

timer = setInterval(showTime,1000);function showTime(){

var today = new Date();

var date = today.getDate();

var day = today.getDay();

var month = today.getMonth()+1;

var year = today.getFullYear();

var hour= addZero(today.getHours());

var min = addZero(today.getMinutes());

var sec = addZero(today.getSeconds());

var week="";

if (true) {};

if (day==0) week='星期日';

if (day==1) week='星期一';

if (day==2) week='星期二';

if (day==3) week='星期三';

if (day==4) week='星期四';

if (day==5) week='星期五';

if (day==6) week='星期六';

divText.innerHTML = "当前时间:"+year+"年"+month+"月"+date+"日 "+ week +" "+"("+hour + ":"+ min + ":"+sec +")";}function addZero(num){

if (num <= 9) {

return "0"+num;

}else {

return num;

}}

把上面代码复制到网页文件中,然后在你想显示的地方添加如下代码即可(请注意修改颜色配置):

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML是一种标记语言,它主要用于创建网页和网页应用程序。在HTML中,我们可以使用多种方式来呈现动态图形,使网页更加生动和具有吸引力。 其中一种常用的方法是使用CSS来添加动画效果。我们可以通过CSS的transition属性或者animation属性来实现图像的动态效果。通过定义不同的动画参数,比如持续时间、延迟时间、动画类型等,我们可以实现图像的平滑过渡、旋转、缩放等动态效果。通过在HTML内嵌入CSS样式,我们可以简单地添加动态图片效果到网页中。 另外一种方式是使用JavaScript来操控HTML元素的属性,从而实现动画效果。通过JavaScript编写一些交互性的代码,我们可以实现图像的平滑移动、淡入淡出、褪色等效果。通过监听用户的操作事件,我们还可以实现一些用户交互的动画效果,比如点击按钮后的动画效果等。 在HTML中,我们也可以使用一些第三方的动画库或框架,比如jQuery、Bootstrap等,来快速地添加动态图像效果。通过引入这些库,我们可以使用它们提供的丰富的动画效果,从而简化代码的编写和调试过程。 总的来说,HTML通过CSS和JavaScript的组合,可以很方便地添加动态图像效果。无论是使用原生的CSS和JavaScript,还是引入第三方的库,都可以让网页更加生动和吸引人。所以,HTML的动态图像效果看起来非常好看且充满活力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值