danielhagnoul

Envoyé par danielhagnoul

Disponibilité des modules dans les navigateurs le 2017-05-02 :

• Safari 10.1
• Chrome Canary 60 : il faut activer le flag "Experimental Web Platform" dans chrome:flags.
• Firefox 54 : il faut activer le flag "dom.moduleScripts.enabled" dans about:config.
• Edge 15 : il faut activer le flag "Experimental JavaScript Features" dans about:flags

Tutoriel en anglais : https://jakearchibald.com/2017/es-modules-in-browsers/
Tutoriel de

...

J'ai utilisé la librairie moment.js, voir :

• https://momentjs.com/docs/
• https://momentjs.com/docs/#/durations/

La fonction countdown( id = "#countdown", interval = 1, seconds = 20, minutes = 0, hours = 0, days = 0, months = 0, years = 0 ) prend tous les paramètres nécessaires pour compter le temps à rebours.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

const countdown = ( id = "#countdown", interval = 1, seconds = 20, minutes = 0, hours = 0, days = 0, months = 0, years = 0 ) =>

...

J'ai répondu à cette question en utilisant l'API audio et les promesses, je ne prétends pas avoir trouvé la meilleure solution.

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
const
  ctx = new AudioContext(),
  note = ( frequency = 277.18, duration = 1.0, type = "sine"  ) => {
    /*
     *  fonction note : joue une note de musique
     *  type : sine, triangle, square, sawtooth
     *  frequency : voir tableau
     *  duration : durée de la note en seconde

...

La version 1.3.3 regroupe les "bouts de code" utiles fournis dans les billets précédents. Je m'en sers tous les jours.

Ce fichier utilise moment.js

Pour le tester :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="http://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.3.3.js"></script>

Pour le copier :
...

Ce billet complète : Fetch tient ses promesses (découverte du sujet et premiers essais)

Fetch ne disposant pas d'un convertisseur response.xml(), on doit utiliser response.text() et convertir l'objet USVString en objet XML avec un objet DOMParser.

Exemple comprenant le fichier "viewentries.xml" et le fichier HTML

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<?xml version="1.0" encoding="ISO-8859-1"?>  
<viewentries timestamp="20161211T112506,68Z"

...