حسنا المشكلة هي في تغيير اكواد موقعي في لاتتناسب مع الاكواد الموجودة
يجب تغيير الاكواد الموجودة في موقعي لتتناسب اكود موقعي في الاسفل
<!DOCTYPE html>
<html>
<head>
<title>Timer</title>
<style>
.countdown {
border: 2px solid #888;
border-radius: 50%;
color: #888;
display: block;
font-size: 16px;
font-weight: 300;
height: 100px;
line-height: 18px;
margin: 25px auto;
padding: 29px 0 0;
width: 100px
}
.countdown .timer {
font-size: 25px
}
</style>
</head>
<body>
<span id="countdown" class="countdown">
<span id="timer" class="timer">
<div id="app"></div>
<?= get_option('counter_value', 5) ?>
</span><br><?= __('Seconds') ?>
</span>
<script>
$(counter_start_object).
on(app_vars['counter_start'] + '.adLinkFly.counter', function(e) {
if (ad_type === 'banner') {
var timer = $('#timer');
window.setTimeout(function() {
var time = app_vars['counter_value'] * 1000,
delta = 1000,
tid;
tid = setInterval(function() {
if (window.blurred) {
return;
}
time -= delta;
timer.text(time / 1000);
if (time <= 0) {
clearInterval(tid);
$('#go-link').addClass('go-link');
$('#go-link.go-link').submit();
}
}, delta);
}, 500);
window.onblur = function() {
window.blurred = true;
};
window.onfocus = function() {
window.blurred = false;
};
}
if (ad_type === 'interstitial') {
var skip_ad = $('.skip-ad');
var counter = $('.skip-ad .counter');
window.setTimeout(function() {
var time = app_vars['counter_value'] * 1000,
delta = 1000,
tid;
tid = setInterval(function() {
time -= delta;
counter.text((time / 1000) + ' s');
if (time <= 0) {
skip_ad.html(
'<a href="" class="btn" onclick="javascript: return false;">' +
app_vars['skip_ad'] + '</a>');
clearInterval(tid);
$('#go-link').addClass('go-link');
$('#go-link.go-link').submit();
}
}, delta);
}, 500);
}
});
</script>
</body>
</html>