自定义倒计时脚本,每8小时重启一次

时间:2015-10-29 08:50:55

标签: javascript countdown

下面的脚本和倒计时插件的简短代码,我想改变短代码以实现我想要的东西请自定义我的短代码因为我需要以下这些点

1-我想在开始日期和结束日期之前进行倒计时,我的意思是我希望每8小时倒计时一次,并在新的8小时后重新开始

2-我需要知道这个时区的确切含义是什么意思?

3-我希望在8小时后完成倒计时,刷新页面并以新的8小时重新开始倒计时

  • 现在这是我要自定义的简短代码
  

[circularcountdown task =" update" startDate =" 2015/10/29 00:00:002015/10/29 00:00:00" endDate =" 2015/11/30 00:00:002015/10/30 00:00:00"的timeZone =" 8"过去="假"余量=#&34; 10" onFinish =" function(){}" showDay ="真" showHour ="真" showMinute ="真" showSecond ="真" dayDiameter =" 160" hourDiameter =" 160" minuteDiameter =" 160" secondDiameter =" 160" dayBgWidth =" 23" hourBgWidth =" 23" minuteBgWidth =" 23" secondBgWidth =" 23" dayCircleWidth =" 23" hourCircleWidth =" 23" minuteCircleWidth =" 23" secondCircleWidth =" 23" dayBgColor ="#CCCCCC" hourBgColor ="#CCCCCC" minuteBgColor ="#CCCCCC" secondBgColor ="#CCCCCC" dayCircleColor ="#e8065c" hourCircleColor ="#e8065c" minuteCircleColor ="#e8065c" secondCircleColor ="#e8065c" dayCounterFontSize =" 32" hourCounterFontSize =" 32" minuteCounterFontSize =" 32" secondCounterFontSize =" 32" dayTextFontSize =" 11" hourTextFontSize =" 11" minuteTextFontSize =" 11" secondTextFontSize =" 11" dayCounterFontColor ="#333333" hourCounterFontColor ="#333333" minuteCounterFontColor ="#333333" secondCounterFontColor ="#333333" dayTextFontColor ="#666666" hourTextFontColor ="#666666" minuteTextFontColor ="#666666" secondTextFontColor ="#666666" dayText =" DAYS" hourText =" HOURS" minuteText =" MINUTES" secondText =" SECONDS" dayTextMarginTop =" 0" hourTextMarginTop =" 0" minuteTextMarginTop =" 0" secondTextMarginTop =" 0"]

  • 这是来自网站
  • 中谷歌浏览器的检查元素的脚本



<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery("#circularcountdown_JcVyzyji").circularCountdown({
			startDate:"2015/10/29 00:00:002015/10/29 00:00:00",
			endDate:"2015/11/30 00:00:002015/10/30 00:00:00",
			timeZone:8,
			past:false,
			
			//Show-hide day, hour, minute, second
			showDay:true,
			showHour:true,
			showMinute:true,
			showSecond:true,
			
			//Margin between circles
			margin:10,
			
			//Diameters
			dayDiameter:160,
			hourDiameter:160,
			minuteDiameter:160,
			secondDiameter:160,
			
			//Circle BG width
			dayBgWidth:23,
			hourBgWidth:23,
			minuteBgWidth:23,
			secondBgWidth:23,
			
			//Circle width
			dayCircleWidth:23,
			hourCircleWidth:23,
			minuteCircleWidth:23,
			secondCircleWidth:23,
			
			//Circle BG color
			dayBgColor:"#cccccc",
			hourBgColor:"#cccccc",
			minuteBgColor:"#cccccc",
			secondBgColor:"#cccccc",
			
			//Circle color
			dayCircleColor:"#e8065c",
			hourCircleColor:"#e8065c",
			minuteCircleColor:"#e8065c",
			secondCircleColor:"#e8065c",
			
			//Counter font size
			dayCounterFontSize:32,
			hourCounterFontSize:32,
			minuteCounterFontSize:32,
			secondCounterFontSize:32,
			
			//Text font size
			dayTextFontSize:11,
			hourTextFontSize:11,
			minuteTextFontSize:11,
			secondTextFontSize:11,
			
			//Counter font color
			dayCounterFontColor:"#333333",
			hourCounterFontColor:"#333333",
			minuteCounterFontColor:"#333333",
			secondCounterFontColor:"#333333",
			
			//Text font color
			dayTextFontColor:"#666666",
			hourTextFontColor:"#666666",
			minuteTextFontColor:"#666666",
			secondTextFontColor:"#666666",
			
			//Texts
			dayText:"DAYS",
			hourText:"HOURS",
			minuteText:"MINUTES",
			secondText:"SECONDS",
			
			//Texts top margin
			dayTextMarginTop:0,
			hourTextMarginTop:0,
			minuteTextMarginTop:0,
			secondTextMarginTop:0,
			
			//Timer on finish function
			onFinish:function() {}		});
	});
</script>
&#13;
&#13;
&#13;

抱歉小英语

1 个答案:

答案 0 :(得分:0)

<script>
    function reset(){
        location.reload(); // reload page
    }
    setTimeout(reset, 28800000); // reset page in 8 hours, milliseconds
 </script>