在WordPress中添加正计时

#教程 #WordPress #html

自用存档,可以复制。

操作方法:在WordPress的后台(编辑文章,或者是编辑页面,或者是编辑小工具)选择“自定义html”,复制粘贴下方代码后保存修改。

来源于百度知道

(代码如下,日期按需修改)


<html>
<head>
<title>离开某一天日期</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body onLoad="startclock()">
<center>
<table border=0 bordercolor=blue borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center height=100 width=400>
<SCRIPT LANGUAGE="JavaScript">

<!--

var timerID;

var timerRunning = false;

var today = new Date();

var startday = new Date();

var secPerDay = 0;

var minPerDay = 0;

var hourPerDay = 0;

var secsLeft = 0;

var secsRound = 0;

var secsRemain = 0;

var minLeft = 0;

var minRound = 0;

var minRemain = 0;

var timeRemain = 0;

/* This function will stop the clock */

function stopclock()

{

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

}

/* This function will start the clock */

function startclock()

{

stopclock();

showtime1();

}

/* This function will display the count-up */

function showtime1()

{

startday = new Date("Mar 03, 2020 00:00 EDT");

startday.setYear("2020");

today = new Date();

secsPerDay = 1000 ;

minPerDay = 60 * 1000 ;

hoursPerDay = 60 * 60 * 1000;

PerDay = 24 * 60 * 60 * 1000;

/* Seconds */

secsLeft = (today.getTime() - startday.getTime()) / minPerDay;

secsRound = Math.round(secsLeft);

secsRemain = secsLeft - secsRound;

secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;

secsRemain = Math.round(secsRemain);

/* Minutes */

minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay);

minRound = Math.round(minLeft);

minRemain = minLeft - minRound;

minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60);

minRemain = Math.round(minRemain - 0.495);

/* Hours */

hoursLeft = ((today.getTime() - startday.getTime()) / PerDay);

hoursRound = Math.round(hoursLeft);

hoursRemain = hoursLeft - hoursRound;

hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);

hoursRemain = Math.round(hoursRemain - 0.5);

/* Days */

daysLeft = ((today.getTime() - startday.getTime()) / PerDay);

daysLeft = (daysLeft - 0.5);

daysRound = Math.round(daysLeft);

daysRemain = daysRound;

/* Time */

if (daysRemain == 1)

{

day_rem = " day, "

}

else

{

day_rem = " days, "

}

if (hoursRemain == 1)

{

hour_rem = " hour, "

}

else

{

hour_rem = " hours, "

}

if (minRemain == 1)

{

min_rem = " minute, "

}

else

{

min_rem = " minutes, "

}

if (secsRemain == 1)

{

sec_rem = " second"

}

else

{

sec_rem = " seconds"

}

timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain +

min_rem + secsRemain + sec_rem;

document.up.face.value = timeRemain;

timerID = setTimeout("showtime1()",1000);

timerRunning = true;

}

//-->

</SCRIPT>
<P>

<FONT SIZE=+1 FACE="Arial">
此站点已成功运行了
</FONT>
<FORM NAME="up">

<INPUT TYPE="text" NAME="face" SIZE="47" VALUE="A browser supporting JavaScript 1.1+ is needed.">

</FORM>

</td></tr>
</table></center>
<br>
<center>
 <SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script></center>
<br>
</body>
</html> 

(代码到此结束)

效果会是这样:

此站点已成功运行了 XXXX days, XXXX hours, XXXX minutes, XXXX seconds

如有需求,也可以在代码中间自行将day_rem行中的day/hour/min/sec修改为汉字(日/时/分/秒)


前往mastodon @jiangshanghan@slashine.onl 与我互动。 连载放置于 https://jiangshanghan.art.blog

知识共享许可协议
本作品由 江尚寒 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。