1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
| <!DOCTYPE HTML>
| <html lang="en-US">
| <head>
| <meta charset="UTF-8">
| <title></title>
| <script src="../dist/JsBarcode.all.js"></script>
| <script>
| Number.prototype.zeroPadding = function(){
| var ret = "" + this.valueOf();
| return ret.length == 1 ? "0" + ret : ret;
| };
| </script>
| </head>
| <body>
| <div>
| <img id="barcode1"/>
| <script>JsBarcode("#barcode1", "Hi!");</script>
| </div>
|
| <div>
| <img id="barcode2"/>
| <script>
| JsBarcode("#barcode2", "9780199532179", {
| format:"EAN13",
| displayValue:true,
| fontSize:24,
| lineColor: "#0cc"
| });
| </script>
| </div>
|
| <div>
| <img id="barcode3"/>
| <script>JsBarcode("#barcode3", "9780199532179", {
| format:"EAN13",
| displayValue:true,
| fontSize:20
| });</script>
| </div>
|
| <div>
| <img id="barcode4"/>
| <script>
| var repeat4 = function(){
| var date = new Date();
| JsBarcode("#barcode4",
| date.getHours().zeroPadding() + ":" +
| date.getMinutes().zeroPadding() + ":" +
| date.getSeconds().zeroPadding(),
| {displayValue: true});
| };
| setInterval(repeat4,1000);
| repeat4();
| </script>
| </div>
|
| <div>
| <img id="barcode5"/>
| <script>
| var repeat5 = function(){
| JsBarcode("#barcode5", Math.floor(1000000+Math.random()*9000000)+"",{displayValue:true,fontSize:20});
| };
| setInterval(repeat5,500);
| repeat5();
| </script>
| </div>
| </body>
| </html>
|
|
