socket.js 791 B

123456789101112131415161718192021222324
  1. let socket = new Phoenix.Socket("/socket", {params: {token: window.userToken}})
  2. socket.connect()
  3. // Now that you are connected, you can join channels with a topic:
  4. let channel = socket.channel("timer:update", {})
  5. channel.join()
  6. .receive("ok", resp => { console.log("Joined successfully", resp) })
  7. .receive("error", resp => { console.log("Unable to join", resp) })
  8. channel.on('new_time', msg => {
  9. console.log("The timer is: ", msg.time)
  10. document.getElementById('status').innerHTML = msg.response
  11. document.getElementById('timer').innerHTML = msg.time
  12. })
  13. let startTimer = function (event) {
  14. event.preventDefault()
  15. channel.push('start_timer', {})
  16. .receive('ok', resp => { console.log('Started timer', resp) })
  17. }
  18. document.getElementById('start-timer').onclick = startTimer