2014-09-22 3 views
0

Я хотел бы использовать одометр jquery для отображения информации на главной странице. http://www.jqueryscript.net/animation/Smooth-Animated-Numbers-with-Javascript-CSS3-odometer.htmlПередача переменной jQuery с использованием Одометра

Для этого я должен извлечь это значение из SQL Server с помощью C#. Затем я должен передать его в одометр jscript в html(), как показано ниже. Если я получу значение - как сделать Isend его javascript?

<script> 
     setTimeout(function(){ 
     $('.odometer').html('123222'); 
     }, 1000); 
    </script> 
+0

А как насчет вызова ajax? –

ответ

0

Вы можете использовать ниже реализации, чтобы передать значение из кода позади, чтобы Jquery

Это один пример того, как сделать это.

Первые Объявите Public Variable в коде

// Объявляет переменную Public в коде позади

public string odometervalue = "667"; 

Считайте значение в Jquery Как и приведенное ниже

<script> 
     $(function() { 
      setTimeout(function() { 
       //Get the value from serverside 
       var uid = '<%=odometervalue %>'; 
       odometer.innerHTML = uid; 
      }, 1000); 
     }); 

    </script> 
1

Попробуйте этот HTML

</head> 
<body> 

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script> 
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style> 

<script> 
    odometerOptions = { 
    auto: false 
}; 
</script> 

<script type = "text/javascript"> 
    $(function(){ 
    var exampleOdometerValue = 123456; 
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue }); 
    exampleOdometer.render() 

    setTimeout(function(){ 
     exampleOdometerValue = exampleOdometerValue+100.07; 
     exampleOdometer.update(exampleOdometerValue); 
    }, 2000); 

    }); 
</script> 
<div class="odometer odometer-example">123</div> 

</body></html> 
Смежные вопросы