2010-03-12 3 views
1

안녕하세요 디자이너/개발자 그래픽으로 카운트 다운을 보여주는 방법을 찾고 있습니다. 저는 대형 병원에서 일하고 있으며 구급차가 분당 몇 초 내에 병원에 도착한 시간과 함께 데이터 그리드에 도착하는 구급차를 보여주는 구급차 페이지를 작성했습니다 (기타 정보 포함). 그들은 어떻게 든 정보를 시각적으로 표현하도록 요청했기 때문에 다른 시각적으로 매력적인 응급 부서 웹 응용 프로그램 (예 : 진행률 표시 줄 또는 다른 것)과 잘 어울립니다 :Jquery/Javascript/ASP.NET의 그래픽 카운트

1) 시각적으로 매력적인 디자인 예제를 보여줄 수 있습니까? 어떻게 이것을 할 수 있었는지 2) .NET (ASP.net 또는 JQuery 또는 Javascript)에 솔루션이 있습니까?

감사합니다. 내 머리 위로 떨어져 http://keith-wood.name/countdown.html

답변

1

는 여기 JQuery와 예입니다. 그런 다음 매초 또는 두 번 (javascript의 setTimeout()을 통해) 막대의 너비를 재조정하거나 특정 시간 임계 값에 도달하면 스타일을 변경합니다 (예 : 왼쪽 막대가 노란색에서 녹색으로 바뀝니다).

+0

나는 그것을 전에 보았습니다. 감사. 나는 숫자가 아닌 그래픽 솔루션을 찾고있다. 도착하기까지 몇 분이 걸리는 착색의 일종. 다시 한번 감사드립니다. –

+0

그냥 명확히하기 위해 녹색 상자와 같은 것을 5 분 이상, 노란색을 1 분 ~ 5 분, 빨간색을 분 미만으로 표시합니까? –

+0

예, 좋을 것입니다. 그렇지 않으면 전체 막대가 100 분을 나타낼 것이고, 채우는 것은 당신에게 구급차가 얼마나 멀리 있는지에 대한 이해를 줄 것입니다. 이것은 여러 구급차에서 작동해야합니다. 감사합니다. –

0

:

는 컬러 사업부로 구급차 시간을 대표