Trying to use PHP variable in Javascript

Question

I am trying to bring a php variable into my javascript code to use for a countdown timer. Because of the other functions happening based on the timestamp php variable, I need to to be in php as well.

<?php  $access = '1443907640'; ?>
<script>
    $(function() {
        var access = <?php echo $access ?>;
        var note = $('.note'),

        ts = (new Date(access * 1000)).getTime() + 1 * 24 * 60 * 60 * 1000;


        $('.countdown').countdown({
        timestamp: ts,
        callback: function(days, hours, minutes, seconds) {

            var message = "";

            message += days + "<small class='opacity'>D</small>, ";
            message += hours + "<small class='opacity'>H</small>, ";
            message += minutes + "<small class='opacity'>M</small>, ";
            message += seconds + "<small class='opacity'>S</small>";

            note.html(message);

        }


        });
    });
</script>

Then I call call it with html here but doesn't work

<div class="note"></div>

Since you use Jquery, do you call it from within `$(document).ready()`? — some-non-descript-user, Oct 03 '15 at 21:39
Not seeing errors in console. I am mainly a php guy, not very good with js and jquery. I am only trying to use it so the countdown timer counts down by the second and isn't static — Dan Henry, Oct 03 '15 at 21:43
Just tried that solution, now seeing this in console ReferenceError: $ is not defined — Dan Henry, Oct 03 '15 at 21:45
If `$` isn't defined, your JQuery isn't active. Do you load the library in the header? — some-non-descript-user, Oct 03 '15 at 21:48
Ah crap, no I didn't. Just put it in and got this `TypeError: $(...).countdown is not a function` — Dan Henry, Oct 03 '15 at 21:50
DId you also fix the comma/semicolon typo Zakaria pointed out? — some-non-descript-user, Oct 03 '15 at 21:50
Actually it works in another instance with the comma. But I just tried it and no change. — Dan Henry, Oct 03 '15 at 21:52
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/91267/discussion-between-some-non-descript-user-and-dan-henry). — some-non-descript-user, Oct 03 '15 at 21:54

Zakaria Acharki · Accepted Answer · 2015-10-03T22:00:13.433

1

I think the real problem in your code is in the end of this line :

var note = $('.note'),

Replace , by ; and it should work.

NOTE : line var access = <?php echo $access ?>; work fine in my test.

To solve the following error :

TypeError: $(...).countdown is not a function

You should add jquery.countdown script :

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.1.0/jquery.countdown.js"></script>

Hope this helps.

edited Oct 03 '15 at 22:00

answered Oct 03 '15 at 21:48

Zakaria Acharki

66,747
15
75
101

Really? I tried that and am getting `TypeError: $(...).countdown is not a function` – Dan Henry Oct 03 '15 at 21:55
You can see that i talk about a line and not the whole code... to solve the previous error see my updated answer. – Zakaria Acharki Oct 03 '15 at 22:00
Ok did that, made the error disappear but still blank http://massblogprofits.com/get-launched/test.php – Dan Henry Oct 03 '15 at 22:03
Ok, i cant see the class `countdown` in your code so please try to follow some tuto in jquery.countdown for a better implementation. – Zakaria Acharki Oct 03 '15 at 22:09
Your solution plus forgetting to load my plugin, work now. Thanks! – Dan Henry Oct 03 '15 at 22:11

Nibbels · Answer 2 · 2015-10-03T21:50:18.440

0

Maybe consider to put an semicolon after your PHP-echo.

<?php echo $access; ?>

or the short-and-dirty version:

<?=$access?>

in line 4:

var access = <?=$access?>;

or

var access = '<?=$access?>'; //if $access would be typeof string

edited Oct 03 '15 at 21:50

answered Oct 03 '15 at 21:42

Nibbels

156
10

4th line in his code, isn't it? – some-non-descript-user Oct 03 '15 at 21:45
I have it as var access = ""; – Dan Henry Oct 03 '15 at 21:47
yes! And you normally can omit the 'php' after those . I edited my post to make this clear. – Nibbels Oct 03 '15 at 21:47
I cannot comment the other Answer: If your page is blank, you have an PHP-Error somewhere. – Nibbels Oct 03 '15 at 22:10

Trying to use PHP variable in Javascript

2 Answers2