// Configurable parameters, see below.
const config = {};

// Get the canvas element to paint on, by default it searches for 'canvas#panda-timer' if not specified.
const canvasElement = document.getElementById('panda-timer');

// Instanciate a new Panda Timer.
const pandaTimer = new PandaTimer(canvasElement, config);

// Set the remaining time in seconds without starting the timer.
pandaTimer.setTimeLeft(300);

// Start the timer without setting the remaining time.
pandaTimer.start();

// Start the timer at 300 seconds.
pandaTimer.start(300);

// Pause the timer.
pandaTimer.stop();

// Subscribe to the timer and call the callback function when 300 seconds left.
const subscription = pandaTimer.subscribe((timeLeft) => console.log(timeLeft), 300);

// Unsubscribe from the timer subscription.
subscription.unsubscribe();

// Get the remaining time in seconds.
console.log(pandaTimer.timeLeft);

{
    alterable: true,                      // Allow users to change the remaining
                                          // time by rotating the cursor around
                                          // the clock face.
    autostart: true,                      // Start the timer immediately or not.
    color: {
        background: '#fff',               // Background color of the canvas.
        cursor: 'rgba(255, 51, 51, 0.3)', // Color of the cursor.
        face: '#fff',                     // Color of the rounded face.
        panda: '#333',                    // Panda color.
        scale: '#333',                    // Scale color.
        text: '#333',                     // Text line color.
        timer: '#f33',                    // Timer color.
    },
    font: 'arial',                        // Text font.
    indexed: true,                        // Move cursor aligned with marks.
    reminders: true,                      // Emit reminder beeps every slice
                                          // of 5 minutes.
    text: {
        line1: 'Panda Timer',             // First text line.
        line2: '',                        // Second text line.
    },
    timeLeft: 0,                          // Start with the time remaining in seconds.
    timeMax: 3600,                        // Maximum timer time in seconds.
}