显示随机数字倒计时的JavaScript代码

显示随机数字倒计时的JavaScript代码

在你的Landingpage中,如果恰如其分的插入一些随机数字倒计时的JavaScript代码,将无疑会大大提高你Campaign ROI。比如在CPS类Offer中,我们往往会在购买按钮处附加一行信息显示“还剩15个名额,请尽快下单购买”,而且过几秒名额减少1位。那么如何加入这一功能到我们的Landingpage中呢,金橙子海外联属营销网接下来就向你详细讲解。

1、首先加入下列代码到你Landingpage的<head>标签中。

<script>
	var timer;
	function startCount()
	{
		timer = setInterval(count, 100); // 每次减少计数的间隔时间, 越小越快,越大越慢
	}
	function count()
	{
		var do_wait = Math.ceil(4*Math.random());
		if (do_wait == 4) {
			var rand_no = Math.ceil(25*Math.random()); // 随机减少的数值
			var el = document.getElementById('counter');
			var currentNumber = parseFloat(el.innerHTML);
			var newNumber = currentNumber - rand_no;
			if (newNumber > 0) {
				el.innerHTML = newNumber;
			} else {
				el.innerHTML = '<font color="red">Closed</font>';  // 倒计时结束后显示文字
			}
		}
	}
	startCount();
</script>

根据上述代码中的注释,你可以根据自身需求调整相关参数。

2、接着我们就需要在加入随机数字倒计时的地方加入下列代码:

<div id="counter">772</div>

上面的代码配合<head>中的JavaScript代码,就实现了随机数字倒计时初始值为772,然后每隔100毫秒减少一次,每次减少数值为0到25之间的任意数,直至减少到0后显示Closed。

分享:
Top