Justinmind教程25
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
【教程25】嵌入Html代码(含JavaScript)
教程小楼一夜听春语
实现效果:
距离2024年12月20日还有3655天9小时13分33秒
上面的倒计时效果可以直接放到Justinmind中使用。
使用时只需要将web元件中的Html元件拖进编辑区,并在右侧的属性中,用倒计时代码替换默认的代码。
本案例倒计时代码如下:
var interval = 1000;
function ShowCountDown(year,month,day,divName)
{
var now = new Date();
var endDate = new Date(year, month-1, day);
var leftTime=endDate.getTime()-now.getTime();
var leftsecond = parseInt(leftTime/1000);
var showDay=Math.floor(leftsecond/(60*60*24));
var showHour=Math.floor((leftsecond-showDay*24*60*60)/3600);
var
showMinute=Math.floor((leftsecond-showDay*24*60*60-showHour*3600)/60); var
showSecond=Math.floor(leftsecond-showDay*24*60*60-showHour*3600-showM inute*60);
var cc = document.getElementById(divName);
cc.inner HTML = showDay +”天”+showHour +”小时”+showMinute+”
分”+showSecond+”秒”;
}
window.setInterval(function(){ShowCountDown(2014,12,20,’showTime’); }, interval);
以上代码中,如需修改,请参考下列内容:
1、修改到期时间,需要修改倒数第三句
“window.setInterval(function(){ShowCountDown(2014,12,20,’showTime’);}, interval)”中对应日期的数字部分。
2、修改字体颜色,需要修改倒数第一句“
style=”color:#FFFFFF”>
3、如果不需要天数,可以将倒数第五句“cc.innerHTML = showDay +”
天”+showHour +”小时”+showMinute+”分”+showSecond+”秒”; ”修改为:cc.innerHTML = showHour +”小时”+showMinute+”分”+showSecond+”秒”;