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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery","1.4.2");google.load("jqueryui","1.8.2");</script>
<script type="text/javascript">
(function( $ ) {
$.widget( "ui.widgetTest", {
/*----------------------------*/
options:{ecart:2000,rate:25,idTimer:null,seuilMs:0,continu:true},
/*----------------------------*/
_create: function() {
var that=this;
this.options.seuilMs=new Date().getTime()+this.options.ecart;
this._horloge();
},
/*----------------------------*/
destroy:function(){
this.options.continu=false;
},
/*----------------------------*/
stop: function()
{
this.options.continu=false;
},
/*----------------------------*/
_horloge: function()
{
var that=this,getMs=new Date().getTime();
this.element.text(getMs+' - '+this.options.ecart+' - '+this.options.seuilMs); /* histoire d'afficher quelque chose */
if (getMs>this.options.seuilMs)
{
this.options.seuilMs=getMs+this.options.ecart;
this._trigger("complete");
}
if(this.options.continu)
this.options.idTimer=window.setTimeout(function(){that._horloge()},that.options.rate);
else
window.clearTimeout(this.options.idTimer);
},
/*----------------------------*/
_setOption:function(key, value){
switch(key){
case 'ecart':this.options.ecart = value;break;
case 'rate':this.options.rate = value;break;
}
},
/*----------------------------*/
ecart:function () { return this.options.ecart;},
rate:function () { return this.options.rate;}
});
})( jQuery );
</script>
<script type="text/javascript">
$(document).ready(function(){
var v1=0;
$('#test1').widgetTest({ecart:1500,rate:1},{complete:function(){
$('#db0').html(++v1);
}});
$("#btStop").click(function(){
$('#test1').widgetTest('stop');
});
$("#btAddEcart").click(function(){
$('#test1').widgetTest(
'option',
'ecart',
$('#test1').widgetTest('ecart')+100
);
});
});
</script>
</head>
<body>
<div id="test1"></div>
<div id="db0">0</div>
<button id="btStop">stop</button>
<button id="btAddEcart">ecart+=100</button>
</body>
</html> |
