这是我到目前为止的内容:http://jsfiddle.net/BgEtE/
我正在尝试获得以下内容:http://fusionmedia.dk/construction/
我需要这样的进度条,并且我需要像他们一样显示日期。另外,我需要使用一种叫做“ Russel square”的字体作为计时器。我环顾四周,但遇到麻烦了。
最佳答案
对于计时器,您可以使用this one,并且可以集成进度条,但是我不太确定。
这是another great tutorial,您可以轻松调整以获取所需的内容。
好吧,我不是专家,但并不难,请看一下updated demo。注意默认变量// def values
var iCms = 1000;
var iMms = 60 * iCms;
var iHms = 3600 * iCms;
var iDms = 24 * 3600 * iCms;
这是您需要用来“计划”本节中的进度条的方法:
// def options
var aDefOpts = {
start: new Date(), // now
finish: new Date().setTime(new Date().getTime() + 5 * iMms), // now + 5 days
例如,如果您编写... + 5 * iMms,则从现在起五分钟。
iDms => Days / iHms=> hours / iCms=> seconds
。还要看一下我在演示中添加的css,我认为要使用自定义字体,您首先必须将字体上传到服务器,然后使用类似以下内容的样式表添加字体:
@font-face{
font-family: myFont;
src: url('myFont.ttf');
}
@font-face{
font-family: myFontEI;
src: url('myFont.eot');
}
Then Attach it as a font family like so...
font-family: myFont, myFontEI;