
在接下来中你会看到本年度已过去时间百分比的图像表达。网站采用4种不同方法显示结果:文字及百分比值、新的metei元素、内嵌div元素、Google的ChartAPI在线服务提供的图像。
这个HTML代码中,
宁波网站建设认为有些功能暂时还缺少相应元素来实现,因此暂时由JavaScript作为替代。
Text
%oftheyearhaspassed.
Thenewmeterelement
Nesteddivelements
GoogleChartAPI
在文本输出方面,我们用到了节中的output元素。但首先要注意的是我们使用了JavaScript来生成当前日期,并初始化meter元素。
vartoday=newDateQ;
varm=document.getElementBvId();
m.min=newDate(today.getFuilYear(〉,0,1);m.max=newDate(today.getFullYear(),11,31);//m.optimum=m.min-m.max/2;m.value=today;在这段js代码中,变量today包含一个UNIX时间戳(以UNIX纪元为开始的毫秒数,起始于)。为保证meter元素度量正确,我们将最小值设为1年1月1日,最大值设为12月31日。代码的最后一行是设置meter的值,之后的工作就交由图形界面完成了。若optimum所定义的最佳值被激活(在这个案例中指年中),显示结果将发生改变——取决于你是在上半年还是下半年调用的脚本。这个新元素用起来实在是很方便。
本文由乐华网络编辑,转载请注明出处
宁波网站建设www.leseo.net