مشکل با زمان بندی کارها

[honifer]

سلام
من میخوام یه برنامه بنویسم که دائما اجرا بشه و مثلا چندتا عکس یا اصلا چندتا عدد را در زمان های مختلف نشان بده و وقتی به آخرین عکس یا عدد رسید دوباره از اول شروع کنه. فکر کنم باید از setimeout استفاده کنم ولی نمیدونم کجا باید قرار داده بشه و چجوری زمان اون فرق کنه. با استفاده از setintervalمیشه ولی زمانش ثابته. میخوام زمانش متغیر باشه
ممنون میشم راهنمایی کنید

[مهدی حسن زاده]

سلام.
setimeout که کلا فقط یکبار اجرا میشه.من دقیقا متوجه نمیشم که کاره برنامه چیه.ولی میتونید time مربوط به setinterval رو هم متغیر بزارید و با یک state مدیریتش کنید

[honifer]

من میخوام تعدادی عکس در زمان های مختلف پشت سر هم اجرا بشند و وقتی به آخرین عکس رسید دوباره از اول شروع بشه و این روند تا زمانی که یه تایمر دیگه جواب نداده تکرار بشه.
این کدی هست که با setInterval نوشتم. قاعدتا هربار که عدد جدید نمایش داده می شود باید زمان نشان دادن اعداد 1 ثانیه اضافه شود. یعنی مثلا برای نشان دادن عدد 10 ، 10 ثانیه طول میکشد. ولی نتیجه بدست آمده در زمان ثابت است. یعنی طبق مقدار اولیه interval عمل می کند و هر 1 ثانیه جواب می دهد.

JavaScript

import React, { Component } from &#039;react&#039;; import { View, Text } from &#039;react-native&#039;; class Test6 extends Component { constructor(props) { super(props); this.state = { number:0, interval:1000 }; } componentDidMount(){ setInterval(() => { this.setState({ interval:this.state.interval+1000, number:this.state.number+1, }) }, this.state.interval); } render() { return ( <View> <Text> {this.state.number} </Text> </View> ); } } export default Test6;

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

import React, { Component } from &#039;react&#039;; import { View, Text } from &#039;react-native&#039;;   class Test6 extends Component {   constructor(props) {     super(props);     this.state = {         number:0,         interval:1000     };   } componentDidMount(){   setInterval(() => {     this.setState({       interval:this.state.interval+1000,       number:this.state.number+1,       })        }, this.state.interval);           }   render() {     return (       <View>         <Text> {this.state.number} </Text>       </View>     );   } }   export default Test6;

[نویسنده]

نوشته‌ها