2015-11-27 1 views
0

У меня есть php-код и jQuery/javascript. Я хочу, чтобы счетчик посетителей использовал jQuery и php-код.Комбинируйте php-код с jquery/javascript

Вот код PHP:

<?php 
$handle = fopen("counter.txt", "r"); 

if(!$handle){ 
    echo "could not open the file" ; 
} else { 
    $counter = (int) fread($handle,20); 
    fclose ($handle); 
    $counter++; 
    //echo $counter; 
    $handle = fopen("counter.txt", "w"); 
    fwrite($handle,$counter) ; 
    fclose ($handle) ; 
} 
?> 

и это JQuery/код JavaScript:

<html> 
<head> 
<title>jQuery Hello World</title> 

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.counter.js"></script> 

<link href="js/jquery.counter-analog.css" rel="stylesheet"> 

</head> 

<body> 

    <span id="custom"></span> 
    <script> 
    $('#custom').addClass('counter-analog').counter({ 
     //direction: 'up', 
     interval: '1', 
     format: '99999' 
     //stop: '2012' 
    }); 
    </script> 
</body> 
</html> 

Как я могу объединить JQuery/JavaScript кода в PHP код? Это мой первый раз для использования jQuery, и я все еще не понимаю, как использовать jQuery. Поэтому мне нужна твоя помощь. : D Спасибо.

Это результат:

enter image description here

Я хочу, чтобы добавить «50» в JQuery «00000», так что результат «00050»

+0

Лучший способ их смешивания - использовать AJAX. Посмотрите на любой пример AJAX в JQuery. AJAX отправляет данные между страницей «.html» и «.php» без перезагрузки веб-страницы. – pabloFdz

+0

Это можно сделать, используя 'ajax' http://api.jquery.com/jquery.ajax/ – Samir

+1

В вашем случае вам просто нужно' 'где-то на вашей странице, если вы не хотите, чтобы счетчик подсчитывал WHILE, который посетил каждый пользователь, например. обновлять счетчик на одной странице, когда другой пользователь посещает в то же время – mplungjan

ответ

1

Вам просто нужно повторить счетчик значение в элементе span. Итак, если ваш PHP-код находится в верхней части файла, он должен выглядеть так.

<?php 
$handle = fopen("counter.txt", "r"); 

if(!$handle){ 
    echo "could not open the file" ; 
} else { 
    $counter = (int) fread($handle,20); 
    fclose ($handle); 
    $counter++; 
    //echo $counter; 
    $handle = fopen("counter.txt", "w"); 
    fwrite($handle,$counter) ; 
    fclose ($handle) ; 
} 
?> 
<html> 
<head> 
<title>jQuery Hello World</title> 

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.counter.js"></script> 

<link href="js/jquery.counter-analog.css" rel="stylesheet"> 

</head> 

<body> 

    <span id="custom"><?php echo $counter; ?></span> 
    <script> 
    $('#custom').addClass('counter-analog').counter({ 
     //direction: 'up', 
     interval: '1', 
     format: '99999' 
     //stop: '2012' 
    }); 
    </script> 
</body> 
</html> 
+0

да .. ты почти прав. но теперь проблема в том, что счетчик работает очень быстро, как таймер, и после этого счетчик возвращается обратно в «00000». hmmm это моя ошибка, что я получил неправильный плагин jquery? потому что его работает как таймер, так быстро ... – snow123

+0

эта проблема уже решена. спасибо за помощь Амона Бигама. я следую вашей инструкции, чтобы повторить счетчик в элемент span, а затем раскомментировать остановку: '2012'. – snow123